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1, 编写 背景 


目前 网 络 应 用 已 普及 到 每 个 人 的 身边 , 微 博 、 博 客 \ 播 客 、 个 人 主页 、 公 
司 主页 等 不 同形 式 的 信息 传递 方式 铺天盖地 而 来 。 每 个 人 都 想 在 网 络 中 有 
自己 特色 的 内 容 , 但 一 些 商业 网 站 提供 的 模板 单一 死板 ,不 能 满足 人 们 的 需 
要 ,通过 自己 学 习 一 些 Web 技术 ,就 可 以 开发 出 具有 个 性 的 页 面 。 

ASP.NET 不 仅 是 微软 公司 最 重要 的 战略 性 产品 之 一 ,而 且 还 是 Web 
开发 领域 最 具 创 新 性 、 最 成 功 的 技术 之 一 。 它 可 完全 利用 . NET 架构 的 强 
大 、 高 效 .安全 的 平台 特性 。ASP. NET 以 功能 丰富 、 性 能 卓越 高 效 稳定 和 
开发 便利 而 著称 ,ASP. NET 技术 是 目前 开发 Web 应 用 程序 的 最 流行 和 最 
前 沿 的 技术 ,也 是 公司 网 络 开发 使 用 最 多 和 应 用 人 群 最 广 的 技术 。 


2， 本 书 内 容 


本 书 采用 层 层 递 进 的 方法 ,以 Visual Studio 2013 为 开发 平台 ,以 技术 
应 用 能 力 培养 为 主线 ,全 面 介 绍 ASP. NET 的 所 有 基本 功能 ,主要 包括 
ASP.NET 基础 `.C# 语 言 基础 、Web 服务 器 控件 .ASP. NET 内 置 对 象 、 
AJAX 技术 、 服 务 器 验证 控件 ,数据 库 技术 .主题 和 母 版 ,并 且 以 文章 博客 系 
统 为 综合 实例 ,为 读者 提供 了 ASP.NET 网 站 开发 的 学 习 模 板 , 最 后 简单 介 
绍 项 目 开发 常用 的 三 层 架 构 和 MVC, 为 进一步 的 能 力 扩展 提供 了 发 展 
思路 。 

本 书 概念 清晰 ,逻辑 性 强 , 内 容 由 浅 入 深 、 循 序 渐进 ,通过 大 量 示例 来 熟 
悉 和 掌握 ASP.NET 的 重要 特性 ,并 且 通过 每 章 后 面 的 习题 进一步 巩固 所 
学 知识 。 书 中 的 示例 来 自作 者 多 年 的 教学 积累 和 项 目 开发 经 验 ,实用 性 强 。 
本 书 不 仅 可 作为 高 等 院 校 计算 机 相关 专业 的 Web 程序 设计 、 网 络 程序 设计 、 
Web 数据 库 应 用 等 课程 的 教材 ,也 可 作为 Web 应 用 程序 开发 自学 用 书 。 

本 书 共 分 10 章 , 各 章 内 容 如 下 。 

第 1 章 : 主要 介绍 ASP. NET 基础 和 C# 语 言 基 础 。 

第 2 章 : 主要 介绍 C# 语 言 基础 。 

第 3 章 : 主要 介绍 Web 服务 器 控件 。 

第 4 章 : 主要 介绍 ASP.NET 内 置 对 象 。 

第 5 章 : 主要 介绍 AJAX 技术 。 
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第 6 章 : 主要 介绍 服务 器 验证 控件 。 

第 7 章 : 主要 介绍 数据 库 访 问 技术 。 

第 8 章 : 主要 介绍 主题 和 模板 。 

第 9 章 : 主要 介绍 文章 博客 系统 项 目的 开发 。 
第 10 章 : 主要 介绍 当前 项 目 开发 流行 的 技术 架构 。 


3. 本 书 特点 


(1) 读者 适用 面 广 。 本 书 较 全 面 的 涉及 了 ASP. NET 的 基础 知识 点 ,适合 所 有 的 
ASP.NET 学 习 者 ,如 高 校 大 学 生 \ 求 职 人 员 、 培 训 结构 学 员 等 。 

(2) 实例 丰富 。 通 过 丰富 的 实例 辅助 讲解 知识 点 , 附 有 相应 的 注释 、 实 例 说 明 , 便 于 
快速 学 习 。 

(3) 实战 性 强 。 本 书 的 实例 都 有 配套 的 源 代码 ,读者 可 以 直接 调用 、 研 读 和 学 习 。 

(4) 合理 的 章节 顺序 。 对 于 初学 者 ,最 怕 前 面 的 知识 点 用 到 后 面 的 知识 点 。 本 书 注 
重 章 节 顺 序 的 合理 安排 ,使 读者 尽量 做 到 循序 渐进 , 层 层 递 进 的 学 习 。 

本 书 主要 由 解 春燕 编写 ,参与 编写 的 人 员 有 张 军 鹏 、 昌 了 晓 睛 、 杨 芳 、 郭 宏 刚 、 黄 文 艳 、 梁 
伟 、 刘 晨光 和 苗 文 曼 ( 排 名 不 分 先后 ) 。 

本 书 中 实例 程序 的 全 部 源 程序 代码 ,是 读者 学 习 过 程 中 的 好 助手 ,可 以 从 出 版 社 网 站 
下 载 ,网 址 是 http://www. tup. com. cn。 

在 此 特别 感谢 为 本 书 付出 辛勤 劳动 的 各 位 同事 朋友。 由 于 时 间 仓 促 和 编者 水 平 有 
限 , 书 中 难免 有 不 受 或 错误 之 处 ,恳请 同行 专家 批评 指正 。 联 系 下 mail; xxiexiex @ 
163. com 。 
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第 1 音 


ASP.NET 基础 


1.1 NET 发展 历 史 


.NET 技术 是 微软 公司 推出 的 主要 技术 ,是 Microsoft XML Web Services 平台 。 
在 .NET 发 展 的 16 年 时 间 中 ,微软 为 推出 .NET 技术 可 谓 是 不 遗 余 力 ,. NET 技术 的 发 
展 关键 历程 如 下 所 示 。 

。 2000 年 6 月 ,微软 公司 总 裁 比 尔 ， 盖 蒋 在 “论坛 2000” 的 会 议 上 向 业内 公布 . NET 
平台 并 描绘 了 .NET 的 远景 。 

。 2002 年 1 月 ,微软 发 布 .NET Framework 1.0 版 本 ,推出 了 进行 . NET Framework 1.0 
应 用 程序 的 开发 软件 Visual Studio 2002, 这 可 以 认为 是 . NET 技术 的 第 一 个 版 
本 ,但 是 由 于 系统 维护 和 系统 学 习 的 原因 ,. NET 技术 当时 并 没有 广泛 地 被 开发 
人 员 和 企业 所 接受 。 

。 2004 年 6 月 ,微软 公司 在 TechEd Europe 会 议 上 发 布 . NET Framework 2.0 Beta 
版 本 ,以 及 Visual Studio 2005 的 Beta 版 本 ,从 此 之 后 , 越 来 越 多 的 开发 人 员 和 企 
业已 经 能 够 接受 . NET 技术 带 来 的 革新 。 

。 2007 年 11 月 ,微软 公司 发 布 . NET Framework 3. 5 版 本 ,在 其 中 加 入 了 更 多 的 关 
键 新 特性 ,包括 LINQ、AJAX 等 ,为 下 一 代 软 件 开发 做 准备 。 

。 发展 到 2016 年 ,. NET Framework 版 本 已 发 展 到 4. 6 版 本 ,对 应 发 布 了 Visual 
Studio 2015 版 本 。 

随 着 计算 机 技术 的 发 展 , 越 来 越 高 的 要 求 和 越 来 越 多 的 需求 让 开发 人 员 不 断 地 进行 
新 技术 的 学 习 , 这 里 包括 云 计算 和 云 存 储 等 新 概念 。. NET 平台 同样 为 最 新 的 概念 和 软件 
开发 理念 做 准备 。 作 为 全 球 使 用 率 最 高 的 Windows 操作 系统 内 核 ,也 是 基于 微软 公司 自 
己 研发 的 C# 语 言 而 开发 的 。 


1.2 什么 是 ASP. NET 


ASP. NET 是 微软 公司 推出 的 Web 开发 技术 ,顾名思义 ,是 基于 .NET 平台 而 存在 
的 。 在 了 解 ASP. NET 之 前 就 需要 先 了 解 . NET 技术 ,只 有 了 解 .NET 平台 的 相关 技术 
才能 够 深入 地 了 解 ASP.NET 是 如 何 运作 的 。 


1.2.1 当前 流行 开发 技术 
如 果 想 成 为 程序 员 或 者 已 经 是 个 程序 员 ,可 能 会 面 对 这 些 困 惑 : 
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。 学 什么 语言 呢 ?Delphi.C++ .VB、Java、C# .PHP 还 是 Python? 
。 选择 什么 开发 工具 呢 ?Delphi、VC、C ++ Builder、JBuilder、 Ecllipse 还 是 Visual 
Studio? 

。 选择 哪 种 技术 作为 就 业 的 主流 技术 呢 ? 选 择 的 方向 是 否 正确 ? 

针对 网 站 开发 而 言 ,当前 比较 流行 的 技术 主要 有 三 个 分 支 。 

1.. PHP 

PHP 产生 于 1994 年 ,其 语法 混合 了 C、Perl 及 其 自 创 的 一 些 编程 语法 ;PHP 是 嵌入 
在 HTML 中 执行 的 ; 它 也 是 一 种 解释 性 语言 。 早 期 的 PHP 并 不 是 完全 的 面向 对 象 编程 
语言 ,到 了 PHP4 以 后 的 版 本 才 开始 有 了 面向 对 象 的 概念 。 

一 般 人 在 称呼 PHP 的 时 候 , 本 身 并 没有 平台 和 语言 的 区 别 。 用 PHP 往往 只 做 Web 
应 用 开发 ,至 于 桌面 应 用 程序 的 开发 ,近年 好 像 PHP 出 了 这 种 开发 平台 ,但 现实 应 用 中 
几乎 看 不 到 。PHP 在 Web 的 表现 层 应 用 中 ,不 论 从 处 理 界面 布局 ,或 是 性 能 上 都 有 着 不 
错 的 优势 。 

2. Java 

Java 产生 于 1995 年 ,语法 与 C 语 言 和 C++ 语言 很 接近 ,并 且 Java 是 面向 对 象 编程 
语言 ,Java 是 编译 性 语言 ,可 以 先 将 Java 源码 编译 成 . class 文件 后 ,在 Java 虚拟 机 上 解释 


让 


i 


党 


称呼 Java 的 时 候 ,往往 说 的 并 不 一 定 是 语言 本 身 ,而 是 指 Java 平台 。 在 Java 平台 
中 ,可 以 使 用 Java 语言 去 开发 各 种 不 同 的 应 用 开发 ,比如 Java SE、Java EE 和 Java ME， 
分 别 用 于 开发 Java 桌面 应 用 、Web 应 用 ,移动 应 用 等 。 

3, ,NET 

在 .NET 中 ,支持 多 种 编程 语言 开发 ,如 VB、C## .F# 等 ,通常 使 用 C# 编 程 ,C# 是 
为 .NET 平台 专门 打造 的 一 种 编程 语言 ,产生 于 2000 年 。 其 语言 语法 和 Java、C、C++ 相 
近 , 同 样 也 是 一 种 面向 对 象 的 编程 语言 。 

在 . NET 这 个 体系 中 ,语言 和 平台 是 有 明显 区 别 的 ,而 且 一 个 平台 上 可 以 应 用 多 种 
语言 开发 ,这 样 就 使 得 掌握 不 同 语言 的 程序 员 可 以 开发 同一 个 应 用 程序 。 在 . NET 平 
台中 ,也 像 Java 一样 ,可 以 开发 不 同 的 应 用 ,比如 : WinForm( 桌 面 应 用 ) ,控制 台 应 用 、 
ASP.NETCWeb 应 用 )、WPF( 新 的 桌面 应 用 )、WCF( 网 络 通信 基础 应 用 )、Web 服务 
(面向 服务 编程 应 用 ) 、ASP. NET MVC3.0( 新 的 Web 应 用 ) 、XNA( 桌 面 及 手机 游戏 应 
用 ) 等 等 。 

总 结 : 以 上 三 种 技术 平台 都 可 以 进行 常用 的 Web 应 用 开发 。 对 于 桌面 应 用 来 说 ， 
PHP 并 不 太 适 用 ,Java 则 没有 较 好 的 桌面 应 用 开发 工具 ,这 方面 .NET 平台 有 较 好 的 优 
势 ,不 论 是 WinForm 还 是 WPF ,都 非常 适合 开发 桌面 应 用 程序 。 至 于 实现 一 些 底层 的 复 
杂 业 务 ,PHP 则 不 如 Java 和 . NET, 但 是 在 开发 前 端 表 现 层 时 有 着 较 好 的 优势 。 所 以 很 
多 复杂 的 大 型 综合 应 用 ,可 能 会 用 . NET 或 者 Java 开发 数据 访问 层 及 业务 逻辑 层 ,PHP 
则 用 来 开发 表现 层 。 据 说 淘宝 就 是 基于 这 种 方式 开发 的 。 同 时 ,Java 与 . NET 都 是 可 以 
跨 平 台 的 , 且 . NET 还 能 跨 语 言 。 
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1.2.2 深入 理解 .NET 


.NET 开发 人 员 必 须 搞 清楚 语言 和 环境 的 区 别 , 初 学 者 往往 会 搞 不 仅 , 从 而 给 学 习 增 
加 难度 。 这 里 从 以 下 几 点 进行 说 明 : 

(1) Visual Studio 2013 是 需要 在 计算 机 中 安装 的 软件 。 开 发 人 员 能 够 在 Visual 
Studio 开发 环境 中 拖 动 相应 的 控件 到 页 面 中 以 实现 复杂 的 应 用 程序 编写 。Visual Studio 
提供 了 虚拟 的 服务 器 环境 ,用 户 可 以 像 编 写 C/C++ 应 用 程序 一 样 ,在 开发 环境 中 进行 应 
用 程序 的 编译 和 运行 。2013 表示 版 本 ,目前 ,最 高 版 本 为 2015。 

(2) C# 是 一 种 编程 语言 。 该 语言 是 微软 公司 为 .NET 平台 专门 打造 的 一 种 编程 语 
言 , 其 语言 语法 和 Java、C、C++ 相近 ,是 一 种 面向 对 象 的 编程 语言 。 

(3) , NET 严格 意义 上 是 一 种 运行 环境 。 在 Visual Studio 中 用 户 可 以 开发 多 种 不 同 
类 型 的 项 目 , 璧 如 WinForm 窗 体 程序 ,控制 台 程 序 等 ,. NET 特 指 网 站 程序 ,需要 浏览 器 
的 支持 。 所 有 这 些 项 目 程序 可 以 用 多 种 语言 开发 ,但 建议 使 用 C# 语 言 。 

(4) ,NET Framework 是 一 个 框架 ,包括 CLR( 公 共 语 言 运行 时 ) 和 . NET 基本 类 库 ， 
是 程序 运行 的 基本 支撑 。 即 要 想 在 某 台 计算 机 上 运行 . NET 编写 的 程序 ,必须 事先 安装 . 
NET Framework, 否则 就 不 能 运行 。 一 般 在 安装 了 Visual Studio 之 后 ,会 自动 安装 . 
NET Framework 相应 版 本 , Visual Studio 2013 版 本 对 应 . NET Framework 4.5 版 本 ， 
Visual Studio 2015 版 本 对 应 . NET Framework 4. 6 版 本 ,高 版 本 兼容 低 版 本 ,当然 也 可 
以 单独 下 载 . NET Framework 进行 安装 。 

一 句 话 概括 ,本 书 主要 讲解 的 内 容 是 利用 C# 语 言 在 Visual Studio 2013 软件 中 开 
发 . NET 程序 项 目 ,该 项 目 默认 使 用 . NET Framework 4. 5 版 本 运行 。 


1.3 Visual Studio 2013 环境 


. NET 框架 有 一 个 与 之 对 应 的 高 度 集成 的 开发 环境 ,微软 公司 称 之 为 Visual Studio， 
也 就 是 可 视 化 工作 室 。 本 书 采用 的 是 当前 较为 流行 的 Visual Studio 2013, 对 应 . NET 
Framework 4.5 版 本 。 使 用 该 工具 可 以 很 方便 地 进行 各 种 项 目的 创建 ,程序 设计 程序 调 
试 和 跟踪 以 及 项 目 发 布 等 。 


1.3.1 创建 项 目 类 型 


在 Visual Studio 2013 开发 环境 中 ,根据 工程 实际 需要 可 以 选择 创建 不 同类 型 的 项 
目 , 在 这 里 简单 介绍 几 种 常见 的 项 目 类 型 。 

。 控制 台 应 用 程序 : 用 于 创建 命令 行 应 用 程序 的 项 目 ,有 些 类 似 C 语言 的 开发 。 

。 Windows 窗 体 应 用 程序 : 用 于 创建 具有 Windows 窗 体 用 户 界面 的 应 用 程序 项 
目 。 这 里 的 Windows 应 用 程序 指 Windows 窗 体 应 用 程序 ,也 可 以 指 服务 在 操作 
系统 底层 看 不 见 运行 界面 的 程序 。 总 的 来 说 , 它 是 运行 在 Windows 平台 上 的 程 
序 , 用 于 服务 用 户 的 , 它 定义 了 窗 体 的 外 观 属性 、 行 为 方法 以 及 用 户 交 互 事件 等 。 

。ASP.NET Web 应 用 程序 : 用 于 创建 具有 Web 用 户 界 面 的 应 用 程序 的 项 目 , 即 需 
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要 浏览 器 支持 的 项 目 。 
现在 Windows 应 用 程序 的 开发 和 Web 应 用 程序 的 开发 都 有 广泛 地 应 用 市 场 ,众多 
的 传统 应 用 程序 都 已 经 渐渐 Web 化 。Web 应 用 程序 在 电子 政务 .电子 商务 ,无 纸 化 办 公 
等 领域 正在 被 越 来 越 广泛 地 应 用 , Web 应 用 和 在 线 体验 更 是 得 到 广泛 地 深入 , 它 提供 的 
交互 功能 使 得 Web 程序 和 在 Windows 中 操作 软件 差不多 。 


1.3.2 创建 第 一 个 ASP.NET Web 网 站 
实例 1-1 在 浏览 器 页 面 中 显示 文本 “Hello World1” 以 及 系统 时 间 , 具 体 显示 结果 如 














图 1-1 所 示 。 
-0 
久 http://localhost47074/Defaultaspx = » || @Hello Word x NN 安 渤 @ 
Hello World! 
2016/6/23 16:08:58 
图 1-1 运行 结果 
实现 步骤 : 


(1) 打开 Visual Studio 2013, 执 行 “ 文 件 ”| “新 建 项 目 ” 命 令 ,在 左 列 选择 Visual 
C# 中 的 Web 项 目 ,在 中 间 列 选择 *ASP. NET Web 应 用 程序 ”, 如 图 1-2 所 示 ,注意 存储 



































路 径 和 项 目 名 称 的 修改 。 
新 疆 硕 目 多 
上 最 近 | NET Famework 45 -| 尘 庆 经 | 中 /全 -| 党 | 丘 | 搜索 六 模板 及 ~ 
4 BB 友 装 I :Visual ck 
4 模板 F- 用 于 创建 ASPJNET 应 用 得 序 的 项 目 模板 。 
你 可 以 创建 ASP.NET Web Forms、MVC 
b | 
ak 或 Web AP| 应 用 自序 并 可 以 在 
indows 届 用 商店 
Windows 
Visual Studio 2012 
b Office/SharePoint 
Cloud 
LightSwitch 
Reporing 
Silverlight 
WCF 
Windows Phone 
Workflow 
e+ - 
上 联机 庆生 此 上 联机 并 查找 楼板 ， 
EU: GAprograms\ -| [ WE).. 
解 方 守 名 称 (M): 。 Helowonld 加 5 吉方 朗 8 建 目 好 D) 























图 1-2 新 建 项 目 
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(2) 在 弹出 的 新 对 话 框 中 选择 Empty, 这 样 就 创建 了 一 个 空白 新 Web 项 目 ,如 图 1-3 
所 示 。 





新 建 ASPNET 项 目 - HelloWorld 1 Xx 


用 于 创 蛙 ASP.NET 应 用 性 序 的 空 项 目 模板 。 此 模板 中 没有 





pe re ge 
中 中 囊  | 全 和 
WebFoms MVC WebAP 了 8 
ge ee 
外 包 
Single Page Facebook 
Application 
为 以 下 对 象 添加 文件 夹 和 槟 心 引用 : 更 改 身份 验证 (A) 


口 Web Forms 口 MVC DOD WebApl 
身份 验证 ， 无 身份 验证 
口 油 00 单 元 测 坛 


测试 项目 名 称 :HeloWorld Tests 


























1-3 新 建 空 白 网 站 项 目 


(3) 在 “解决 方案 资源 管理 器 ”中 选择 项 目 名 后 右 击 ,在 弹出 的 菜单 中 执行 “添加 ” 命 
令 , 再 选择 “新 建 项 ”, 如 图 1-4 所 示 。 在 图 1-5 所 示 的 窗 体 中 选择 “Web 窗 体 ” 后 , 即 可 创 
建 一 个 文件 名 为 Default. aspx 的 页 面 ,对 应 会 生成 后 台 服 务 器 程序 代码 文件 Default. 
aspx. cs 文件 ,HTMIL”* 源 文件 ”自动 处 于 打开 状态 。 
















名 观 页 Gl… Shif+AlttA 
新 建 括 建 基 节 项 -- 
各 新 建文 人 赤 DI 
祷 0 ASP.NET 文件 夫 (5) 
引用 RN-. 
服务 引用 [S).。 
HTML 页 
JavaScript 文 件 
要 
Web 音 估 
MVC 5 视图 页 (Razor) 
Web AP| 控制 器 类 (v2) 
SQL Server 数据 库 
多 关 Q- 








图 1-4 新 建 空白 页 面 


(4) 在 HTML 代码 中 添加 “Hello World1” 文 字 , 并 对 其 进行 CSS 样式 设置 ,代码 如 
图 1-6 所 示 。 

(5) 将 视图 切换 至 “设计 ”, 在 左边 “工具 箱 ” 中 找到 Label 工具 ,双击 或 者 拖 动 到 页 面 
div 中 ,如 图 1-7 所 示 。 
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图 1-5 新 建 Default 页 面 





日 shtm] xnlns="http: //www. w3. org/1999/xhtal”> 
日 qhead runat= “server > 
《neta http-eauiv="Content-Type” content="text/htnl; charset=utf-8"/> 


style> 
nyText 
{ 


font-size: 24px; 
color: red; 
font-fanily: 寻 书 ; 


font-style: italic; 
font-wveight: bold; 
text-align: center; 
} 
/style> 





《forn id="fornl” rat="server’> 

日 | 

| | 人 class="ayText“>Hello World! /p> 
TY 

[| Vtormy 

| body> 

[htnl> 








图 1-6 HTML 源 代码 








Hello World! 














图 1-7 设计 效果 


(6) 双击 页 面 空白 处 ,打开 Default. aspx. cs 文件 ,在 Page_Load 事件 中 填写 如 下 
代码 : 
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Labell.Text=DateTime.Now.ToString(); 
(7) 运行 ,结果 如 图 1-1 所 示 。 
1.3.3 Visual Studio 环境 中 常用 面板 


在 Visual Studio 开发 环境 中 ,会 经 常用 到 一 些 面板 ,合理 使 用 面板 会 提高 项 目 开发 
的 效率 。 下 面 介 绍 常用 的 浮动 面板 。 

(1)“ 解 决 方案 资源 管理 器 "面板: 该 面板 默认 处 于 打开 状态 ,面板 中 呈现 的 就 是 项 
目 中 所 有 涉及 的 文件 和 资源 ,类 似 于 计算 机 中 的 “资源 管理 器 "。 该 资源 管理 器 中 会 有 一 
些 隐藏 文件 ,可 通过 图 1-8 中 箭头 所 指 图 标 将 其 显现 出 来 。 


让 方 实 资源 管理 器 vx 
©9 人 lB-eQ 和 | 
搜索 解 广安 资源 管理 器 (Ctr+)】 起 局 - 
网 解决 方 罕 "HelloWorld"(1 个 项 


4 辕 HelloWorld 
b £ properties 













© Ff(0) 

打开 方式 (N).. 

限定 为 此 范围 ($) 
团 新 舍 解 方案 各 源 管理 器 视图 (N) 
部 在 代码 图 上 显示 (C) 
此 闫 WM Ctr+X 
印 信和 W Ctrl+C 
XX 删除 (D) Del 
六 重合 名 (M) 
记性 (R) Alt+Enter 









1-8 解决 方案 资源 管理 器 面板 


注意 : 通过 计算 机 方式 复制 至 项 目 中 的 资源 文件 总 是 以 隐藏 文件 状态 显示 ,无 法 正 
常 使 用 ,可 以 通过 选中 隐藏 文件 , 单 击 右键 菜单 选择 "包含 在 项 目 中 ?将 其 激活 。 

(2) 属性 面板 : 该 面板 用 来 设置 所 选 控件 的 属性 ,可 以 通过 分 类 进行 排序 ,也 可 以 根 
据 英文 字母 顺序 进行 排序 ,建议 使 用 字母 顺序 进行 排序 ,以 加 强 对 常用 属性 的 记忆 。 

(3) 工具 箱 面板 : 该 面板 中 包含 所 有 可 以 进行 前 端 设 计时 所 使 用 的 控件 ,默认 包含 
11 个 选项 卡 ,第 三 方 控件 也 可 以 增加 到 工具 箱 面板 中 ,该 部 分 在 后 面 会 详细 讲解 。 

(4) 服务 器 资源 管理 器 面板 : 该 面板 主要 用 于 连接 数据 库 时 使 用 ,用 于 呈现 数据 库 
结构 ,类 似 于 SQL Server 数据 库 服务 器 功能 ,在 以 后 讲解 数据 库 时 需要 打开 此 面板 。 

以 上 是 对 于 初学 者 经 常 要 用 到 的 4 种 基本 浮动 面板 ,建议 处 于 打开 状态 ,如 果 没有 打 
开 或 者 不 小 心 关闭 了 ,可 以 通过 “视图 ”菜单 来 打开 。 
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1.3.4 程序 运行 方式 


项 目测 试 时 可 以 通过 多 种 方式 进行 运行 ,. NET 程序 的 主要 运行 方式 如 下 所 示 。 
(1) 调试 运行 : 在 运行 时 进行 调试 ,可 以 发 现 一 些 环境 方面 的 错误 ,对 应 快捷 键 F5。 


(2) 非 调试 运行 : 当 网 站 发 布 到 真正 服务 器 时 ,选择 此 运行 方式 , 对 应 快捷 键 
Ctrl 十 F5 。 


(3) 生成 : 对 程序 进行 编译 不 运行 ,用 于 重新 构建 运行 环境 ,避免 环境 引起 的 错误 。 
(4) 逐 过 程 : 设置 断 点 ,用 于 调试 时 运行 ,以 过 程 为 单位 进行 调试 ,对 应 快捷 键 F10 
(5) 逐 语句 : 设置 断 点 ,用 于 调试 时 运行 ,以 语句 为 单位 进行 调试 ,对 应 快捷 键 Fl1。 


1.4 本 章 小 结 


本 章 讲解 了 ASP. NET 的 基本 知识 。 这 些 知识 在 今后 的 ASP. NET 应 用 开发 中 将 
起 到 非常 重要 的 作用 。 熟 练 掌握 能 够 提高 应 用 程序 的 适用 性 和 健壮 性 。 
习 题 
1. 利用 网 络 进一步 了 解 当前 流行 开发 技术 ,了 解 . NET 开发 的 优势 。 
2. 将 Hello World 程序 使 用 WinForm 和 控制 台 方式 实现 ,认识 创建 项 目 类 型 的 
不 同 。 
3. 实现 两 个 数 相 加 运算 ,进一步 熟悉 . NET 开发 过 程 ,运行 结果 如 图 1-9 所 示 





人 铺 htp//localhost4707. P » 0 | @ localhost 





第 一 个 加 数 ; [5 
第 二 个 加 数 ; |4 


结果 为 ，9 














1-9 两 数 相 加 运行 结果 
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2.1 C+# 概 述 


C# 是 微软 公司 设计 用 来 在 . NET 平台 上 开发 程序 的 主要 编程 语言 。 它 吸收 了 C、 
C++ 与 Java 的 优点 ,是 一 种 新 型 的 面向 对 象 的 高 级 程序 语言 ,在 特点 上 ,与 Java 较为 相 
似 。 在 中 间 语 言 的 领域 里 ,C# 是 最 具 亲 和 力 的 一 种 语言 , 它 有 着 C 语言 与 Java 语言 的 
主要 特点 ,同时 拥有 功能 强大 的 函数 库 方便 的 模板 等 ,是 目前 最 理想 的 语言 之 一 。 程 序 
设计 人 员 利 用 . NET 平台 ,配合 C# 语 言 , 可 以 轻松 ,快速 地 开发 出 实用 的 Windows 应 用 
软件 ,也 可 以 利用 ASP. NET 设计 出 多 姿 多 彩 的 动态 网 页 。 


2.1.1 良好 的 编程 习惯 


良好 的 习惯 对 于 人 的 成 长 是 非常 重要 的 。 良 好 的 编程 习惯 对 于 编程 能 力 的 提高 也 是 
非常 重要 的 ,编程 时 要 有 良好 的 风格 , 源 代码 的 逻辑 简明 清晰 , 易 读 易 懂 是 好 程序 的 重要 
标准 。 所 以 在 讲 具体 知识 内 容 之 前 , 先 来 说 说 有 哪些 良好 的 编程 习惯 。 

1, 命名 的 有 意义 性 

无 论 是 编程 过 程 中 使 用 到 的 变量 、 对 象 实例 ,类 以 及 文档 ,都 应 当 赋予 其 有 意义 的 名 
称 ,例如 ,使 用 radius 来 代替 圆 的 半径 ,而 不 是 用 来 表示 ;网 站 的 首页 命名 为 index 或 者 
default 等 等 。 命 名 有 意义 使 得 之 后 不 会 浪费 更 多 的 时 间 , 去 猜测 命名 到 底 代 表 什 么 ,其 
至 不 用 为 服务 器 其 他 方面 的 配置 而 劳 神 费力 。 

补充 一 句 ,坚持 使 用 一 种 命名 模式 。 如 果 你 打算 用 英语 命名 法 , 那 就 坚持 并 广泛 使 
用 ,不 要 拼音 和 英语 混用 ,否则 将 适得其反 。 

2. 养 成 注释 的 习惯 。 

程序 的 注释 是 帮助 阅读 程序 代码 的 重要 辅助 工具 。 良 好 的 程序 注释 习惯 是 优秀 程序 
员 所 必 备 的 品质 之 一 。 代 码 注释 不 仅 不 会 浪费 时 间 ,相反 , 它 会 使 程序 清晰 \ 友 好 ,从 而 提 
高 编程 效率 。 

C# 的 注释 方式 有 三 种 。 第 一 种 是 行 注释 ,语法 为 双 斜 枉 // ,注释 范围 为 本 行 后 面 的 
内 容 。 第 二 种 为 段落 注释 ,在 需要 注释 的 段落 之 前 添加 符号 / x ,在 段落 的 末尾 添加 符号 
* /该 段 内 容 都 将 被 编译 器 忽略 。 第 三 种 注释 为 XML 注释 ,主要 用 于 注释 类 、 接 口 首 
部 ,用 于 列 出 内 容 摘 要 、 版 本 号 作者、 完成 日 期 修改 信息 等 ,语法 为 ///。 

注释 是 用 来 说 明 解 释 程 序 、 提 高 代码 可 读 性 的 ,但 太 长 的 注释 反而 起 不 到 效果 ,只 需 
要 说 明 该 程序 是 干什么 的 ,至 于 是 如 何 做 的 ,也 就 是 编程 的 细节 ,最 好 不 要 包括 ,因为 日 后 
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可 能 要 修改 程序 ,这 样 做 会 带 来 不 必要 的 注释 维护 工作 ,如 果 不 修 改 , 将 提供 误导 信息 ,可 
能 成 为 错误 的 注释 。 所 以 注释 应 以 简洁 为 第 一 要 义 ,避免 拖 悄 宛 长 ,另外 最 好 注 明 程序 的 
构建 和 修改 日 期 ,以 及 修改 的 原因 。 下 列 代码 对 三 种 注释 进行 了 综合 示范 。 


/// 内 容 摘要 : 此 处 的 内 容 为 XML 注释 
/// 完 成 日 期 : 2016 年 8 月 1 号 
/// 版 本 : 1.0 
/// 作 者 : 解 春燕 
/* 此 处 为 段落 注释 : 
主要 用 来 输出 当前 系统 时 间 
*/ 


using System; // 利 用 using 关 键 字 ,引用 System 命名 空间 


namespace Example // 定 义 自己 的 命名 空间 
{ 
public partial class Default: System.Web.UI.Page 


{ 
protected void Page Load (object sender, EventArgs e) 
{ 
Respond.Write (DateTime.Now); // 输 出 系统 时 间 
} 


} 


3. 合理 的 语句 构造 

有 助 于 语句 简单 明了 的 方法 有 多 种 ,不 要 为 了 节省 空间 把 多 行 语句 写 在 一 行 ;尽量 避 
免 复杂 的 条 件 测试 ;避免 大 量 使 用 循环 让 套 和 条 件 嵌 套 ;利用 括号 使 逻辑 表达 式 或 算术 表 
达 式 的 运算 次 序 清晰 直观 ;合理 使 用 缩 进 ,以 使 代码 清晰 可 读 ,在 Visual Studio 中 ,支持 
快捷 键 Ctrl 十 K 十 D, 进 行 自动 排版 。 


2.1.2 命名 空间 


在 C# 程 序 中 ,不 管 是 简单 的 数据 类 型 ,还 是 其 他 复杂 操作 ,都 必须 通过 函数 库 才 能 
实现 。. NET 类 库 (Library) 中 包含 了 许多 类 ,如 按钮 . 复 选 框 等 。 利 用 类 库 , 便 可 以 开发 
出 具有 优美 界面 的 应 用 程序 .. NET 类 库 中 还 包含 了 许多 可 以 实现 其 他 丰富 功能 的 类 ,如 
存 取 网 络 .数据库 操作 等 ,这 些 类 库 使 C 编写 的 程序 功能 无 比 强大 。 

C# 程 序 主要 是 利用 命名 空间 (Namespace) 来 组 织 的 ,函数 库 就 是 由 一 个 个 的 命名 空 
间 来 组 成 。 每 个 命名 空间 都 可 以 视 为 一 个 容器 ,容器 里 可 以 存放 类 接口、 结构 等 程序 。 
. NET 就 是 用 命名 空间 来 对 程序 进行 分 类 ,把 功能 相似 的 类 、 结 构 等 程序 放 在 同一 个 命名 
空间 里 ,不 仅 便于 管理 ,也 便于 程序 设计 人 员 使 用 。 
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为 了 方便 地 运 











用 这 些 函 数 库 ,在 C# 程 序 中 ,必须 使 用 using 关键 字 将 函数 库 包 含 进 














来 ,使 用 方法 和 作 




















与 C 语言 中 的 # Include 或 者 Java 语言 中 的 import 十 分 相似 。 最 常 


见 的 命名 空间 是 System 。 


using Systenm; 





程序 设计 人 员 还 可 以 设计 自己 的 命名 空间 ,以 供 自己 或 者 别人 设计 程序 时 使 用 。 要 


定义 命名 空间 ,只 需 在 命名 空间 的 名 称 前 加 上 关键 字 namespace 即 可 ， 


namespace MyNameSpace; 














例如 : 


命名 空间 作为 一 个 容器 ,其 里 面 的 区 域 需要 用 一 个 大 括号 (} 来 标识 ,这 与 类 (Class) 


和 方法 (Method) 的 定义 一 样 ,例如 : 


namespace MyName space 
{ 
public class HelloWorld 
{ 
public string Display () 
{ 


return "Hello,World!™"; 


} 


上 面 自 定义 的 命名 空间 MyNamespace 包含 了 一 个 类 HelloWorld 
的 命名 空间 一 样 ,程序 设计 人 员 可 以 使 用 类 HelloWorld, 例 如 : 














using MyNamespace; 
public partial class Default: System.Web .UI .Page 
{ 
protected void Page Load (object sender, EventArgs e) 
| 
HelloWorld myText=new HelloWorld(); 


。 与 使 用 函数 库 里 


// 定 义 MyNamespace 里 的 类 HelloWorld 对 象 实例 myText 


Respond.write (myText .Display ()); 


// 使 用 类 HelloWor1d 中 定义 的 Display 方法 

















或 者 不 用 using 关键 字 , 而 直接 用 完整 的 类 名 来 使 用 类 HelloWorld, 例 如 : 





MyNamespace.HelloWorld.Display (); // 使 用 MyNamespace 里 的 类 HelloWorld 
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2.2 数据 类 型 


应 用 程序 总 是 需要 处 理 数据 ,而 现实 世界 中 的 数据 类 型 多 种 多 样 。 为 了 让 计算 机 了 
解 需要 处 理 的 是 什么 样 的 数据 ,以 及 采用 哪 种 方式 进行 处 理 , 按 什么 格式 来 保存 数据 等 问 
题 ,每 一 种 高 级 语言 都 提供 了 一 组 数据 类 型 。 不 同 的 语言 提供 的 数据 类 型 不 尽 相同 。 


2.2.1 数据 类 型 概述 


C# 主 要 有 3 类 数据 类 型 ,如 下 所 示 。 

(1) 值 类 型 (value type) ,包含 了 变量 中 的 值 或 数据 ,即使 同 为 值 类 型 的 变量 也 不 会 
相互 影响 。 

(2) 引用 类 型 (reference type) ,保留 了 变量 中 数据 的 相关 信息 , 同 为 引用 类 型 的 两 个 
变量 ,可 以 指向 同一 个 对 象 ,也 可 以 针对 同一 个 变量 产生 作用 ,或 者 被 其 他 同 为 引用 类 型 
的 变量 所 影响 。 

(3) 指针 类 型 (pointer type) ,在 C# 中 可 以 为 程序 代码 加 上 特殊 的 标记 unsafe, 在 程 
序 里 使 用 指针 ,并 指向 正确 的 内 存 位 置 ,其 中 所 用 的 数据 类 型 就 是 指针 类 型 了 。 

注意 : Java 没有 指针 ,C 井 却 可 以 使 用 指针 ,但 是 必须 为 使 用 指针 的 程序 块 加 上 
unsafe 标记 。 


2.2.2 值 类 型 


在 C# 语 言 的 领域 里 , 值 类 型 主要 包括 以 下 几 种 数据 类 型 ; 
。 简单 类 型 (simple type) 。 

。 结构 类 型 (struct type) 。 

。 枚 举 类 型 (enums type) 。 

1. 简单 类 型 (Simple type) 

简单 数据 类 型 如 表 2-1 所 示 。 具 体 又 可 分 为 以 下 几 类 : 














整数 类 型 。 
， 布尔 类 型 。 
表 2-1 简单 类 型 

数据 类 型 占用 内 存 数值 范围 
sbyte 8 位 —128~127 

byte 8 位 0~255 

short 16 位 一 32 768~32 767 

ushort 16 位 0~65 535 
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续 表 

数据 类 型 占用 内 存 数值 范围 

int 32 位 一 21 47 483 648~21 47 483 647 

uint 32 位 0~4 294 967 295 

long 64 位 —9 223 372 036 854 775 808~9 223 372 036 854 775 807 
ulong 64 位 0~18 446 744 073 709 551 615 

char 16 位 U 十 0000~U 二 FFFF 

float 32 位 1.5X10 “~3.4X10’ 

double 64 位 5.0X10 ~1.7X10% 

bool 16bits True 与 False 

decimal 96 位 1.0X10 *~7.9X10% 

(1) 整数 类 型 


数学 上 的 整数 可 以 从 负 无 穷 到 正 无 穷 ,但 计算 机 的 存储 单元 是 有 限 的 ,所 以 计算 机 语 
言 提供 的 整数 类 型 的 值 总 是 一 定 范围 之 内 的 。C# 有 9 种 整数 类 型 : 短 字 节 型 (sbyte) 、 
字 节 型 (byte) \ 短 整 型 (short) ,无 符号 短 整 型 (ushort)、 整 型 (int)\ 无 符号 整 型 (unit) ,长 
整 型 (long) 和 无 符号 长 整 型 (ulong)。 划 分 的 根据 是 该 类 型 的 变量 在 内 存 中 所 占 的 位 数 ， 
各 种 类 型 的 数值 范围 及 所 占 内 存 空 间 , 可 以 参照 表 2-1。 

注意 : 位 数 的 概念 是 以 二 进 制 来 定义 的 。 例 如 8 位 整数 表示 的 数 是 2 的 8 次 方 ， 
为 256。 

(2) 布尔 类 型 

布尔 类 型 是 用 来 表示 “ 真 " 和 “ 假 ”两 个 概念 的 ,在 C# 里 用 true 和 false 来 表示 。 值 得 
注意 的 ,在 C 和 C++ 中 ,用 0 来 表示 “ 假 ”, 用 其 他 任何 非 0 值 来 表示 “ 真 ”"。 但 是 这 种 表达 
方式 在 C# 中 已 经 被 弃 用 。 在 C# 中 ,true 值 不 能 被 其 他 任何 非 零 值 所 代替 。 整 数 类 型 
与 布尔 类 型 之 间 不 再 有 任何 转换 ,将 整数 类 型 转换 成 布尔 型 是 不 合法 的 ,例如 : 


bool WrongTransform=1; // 错 误 的 表达 式 ,不 能 将 整 型 转换 成 布尔 型 


(3) 实数 类 型 

数学 中 的 实数 不 仅 包括 整数 ,而 且 包括 小 数 。 在 C 中 小 数 主要 采用 两 种 类 型 来 表 
示 : 单 精度 (float) 和 双 精 度 (double)。 它 们 的 主要 差别 在 于 取 值 范围 和 精度 不 同 。 程 序 
如 果 用 大 量 的 双 精 度 类 型 的 话 , 虽 然 说 数据 比较 精确 ,但 会 占用 更 多 的 内 存 , 程 序 的 运行 
速度 会 比较 慢 。 

。 单 精度 : 取 值 范围 在 正 负 1.5X10 到 3.4X108 之 间 , 精 度 为 7 位 数 。 

。 双 精度 : 取 值 范围 在 正 负 5.0X10 兴 到 1.7X10* 之 间 , 精 度 为 15 到 16 位 。 

C# 还 专门 定义 了 一 种 十 进 制 类 型 (decimal) ,主要 用 于 在 金融 和 货币 方面 的 计算 。 
在 现代 的 企业 应 用 程序 中 ,不 可 避免 要 涉及 到 大 量 这 方面 的 计算 和 处 理 , 而 十 进 制 类 型 是 
一 种 高 精度 .128 位 的 数据 类 型 , 它 所 表示 的 范围 从 大 约 1.0X10 到 7.9X10s 的 精度 


SC rsPNET 网 站 开发 教程 
Ye 


为 28 到 29 位 有 效 数字 。 十 进 制 类 型 的 取 值 范围 比 double 类 型 的 取 值 范围 小 很 多 ,但 它 
更 精确 。 

(4) 字符 类 型 (char) 

除了 数字 外 ,计算 机 处 理 的 信息 还 包括 字符 。 字 符 主要 包括 数字 字符 、 英 文字 符 、 表 
达 符 号 等 。C# 提 供 的 字符 类 型 按照 国际 上 的 公认 的 标准 ,采用 Unicode 字符 集 。 

可 以 按 下 面 的 方法 给 一 个 字符 变量 赋值 : 


char c='C' ; // 给 字符 变量 赋值 


注意 : 字符 类 型 的 值 只 能 用 单 引号 。 

2. 结构 类 型 (Struct type) 

利用 简单 数据 类 型 ,可 以 进行 一 些 常用 的 数据 运算 与 文字 处 理 。 但 是 日 常生 活 中 ,经 
常 要 碰 到 一 些 更 复杂 的 数据 类 型 。 例 如 图 书馆 里 每 本 书 需要 书 的 作者 .出 版 社 与 书 名 ,如 
按 简单 类 型 来 管理 ,那么 每 本 书 需要 存放 到 3 个 不 同 的 变量 中 ,这 样 工作 将 变 得 复杂 。 

C# 定 义 了 一 种 数据 类 型 , 它 将 一 系列 相关 的 变量 组 织 为 一 个 实体 ,该 类 型 称 为 结构 
(struct)。 定 义 结构 类 型 的 方式 如 下 所 示 : 


struct Book 

{ 
string name; // 结 构 里 ,默认 为 私有 (private) 成 员 
public string author; 
public string publisher; 

} 


在 C# 语 言 中 ,可 以 像 int、bool 或 double 等 简单 类 型 一 样 ,通过 定义 变量 的 方法 来 
建立 结构 类 型 的 实例 对 象 ,例如 : 


Book MyBook; 
也 可 以 利用 new 运算 符 来 建立 实例 ,例如 范例 中 的 语句 : 
Book MyBook=new Book (); // 定 义 了 Circle 结构 类 型 的 实例 对 象 


3. 枚 举 类 型 (enums type) 
枚 举 (enum type) 实 际 上 是 为 一 组 在 逻辑 上 密 不 可 分 的 整数 值 提供 便于 记忆 的 符号 。 
例如 ,如 下 定义 一 个 代表 星期 的 枚 举 类 型 变量 : 


enum Week 
和 
Monday, Tuesday, Wednesday, Thursday, Friday,Saturday, Sunday 
} 
Week ThisWeek; // 定 义 了 一 个 枚 举 类 型 的 实例 变量 
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在 形式 上 , 枚 举 与 结构 类 型 非常 相似 ,是 结构 上 不 同 的 类 型 数据 组 成 的 一 个 新 数据 类 
型 ,结构 类 型 的 变量 值 由 各 个 成 员 的 值 组 合 而 成 。 而 枚 举 类 型 的 变量 在 某 一 时 刻 只 能 取 
枚 举 中 的 某 一 个 元 素 的 值 。 例 如 , ThisWeek 是 枚 举 类 型 Week 的 变量 ,其 值 要 么 是 
Monday, 要 么 是 Friday 等 ,在 某 个 时 刻 只 能 代表 具体 的 某 一 天 。 

注意 : 在 枚 举 中 ,每 个 元 素 之 间 的 相隔 符 为 过 号 。 这 与 结构 类 型 不 同 , 结 构 类 型 一 般 
是 用 分 号 来 分 隔 各 个 成 员 。 

按照 系统 的 默认 , 枚 举 中 的 每 个 元 素 都 是 int 型 , 且 第 一 个 元 素 的 值 为 0, 后 面 每 一 个 
连续 元 素 的 值 以 1 递增 。 程 序 设计 人 员 也 可 以 对 元 素 自行 赋值 。 例 如 ,把 Monday 的 值 
设 为 1, 则 其 后 元 素 的 值 分 别 为 2,3…… 


enum Week 


Monday=1,Tuesday,Wednesday, Thursday, Friday,Saturday, Sunday 


}; 
为 枚 举 类 型 的 元 素 所 赋 的 值 类 型 仅 限于 long\int、short 和 byte 等 整数 类 型 。 


2.2.3 引用 类 型 


C# 语言 中 的 引用 类 型 (reference type) 主要 包括 以 下 几 种 类 型 ， 

。 类 类 型 (class type) 。 

。 对 象 类 型 (object type) 。 

。 字符 串 类 型 (string type) 。 

。 数组 类 型 (array type) 。 

1, 类 类 型 

类 是 面向 对 象 编程 的 基本 单位 ,是 一 种 包含 数据 成 员 、 函 数 成 员 和 嵌 套 类 型 的 数据 结 
构 。 类 的 数据 成 员 有 常量 、 域 和 事件 。 函 数 成 员 包括 方法 、 属 性 、 索 引 指示 器 、 运 算 符 , 构 
造 函 数 和 析 构 函数 。 类 和 结构 同样 都 包含 了 自己 的 成 员 , 有 着 许多 共同 特点 ,但 它们 最 主 
要 的 区 别 便 是 : 类 是 引用 类 型 ,而 结构 是 值 类 型 。 

以 下 程序 是 一 个 使 用 类 的 典型 例子 : 


public class ClassType 
{ 


public string name; // 定 义 了 成 员 变 量 
private string phone; 
public string Phonenumber // 定 义 属性 变量 的 另 一 种 方法 
{ 
get 


return phone; 
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{ 
phone=value; 

} 
} 
public ClassType() 
{ // 类 的 构造 函数 
} 
public string GetName () 
{ 

return name; // 类 的 成 员 方 法 
| 

} 


类 还 支持 继承 机 制 。 通 过 继承 ,派生 类 可 以 扩展 基 类 的 数据 成 员 和 函数 方法 ,进而 达 
到 代码 重用 和 设计 重用 的 目的 。 有 关 类 的 概念 将 在 2. 3 节 中 详细 讲解 。 

2. 对 象 类 型 

对 象 类 型 (object type) 是 所 有 其 他 类 型 的 基 类 ,C# 中 的 所 有 类 型 都 直接 或 间接 从 对 
象 类 型 中 继承 。 因 此 ,对 一 个 对 象 类 型 的 变量 ,可 以 赋予 任何 类 型 的 值 ,例如 : 


int x=1; 

object obj1; 

obj1=x; // 赋 予 对 象 类 型 变量 为 整 型 的 数值 
object obj2="B"; // 赋 予 对 象 类 型 变量 为 字符 值 


对 象 类 型 的 变量 声明 ,采用 object 关键 字 , 这 个 关键 字 是 在 . NET 框架 结构 中 提供 的 
预定 义 的 命名 空间 System 中 定义 的 ,是 类 System. Object 的 别名 。 

3, 数组 类 型 

数组 (array) 是 一 种 包含 了 多 个 变量 的 数据 类 型 , 这些 变量 称 为 数组 的 元 素 
(element)。 同 一 个 数组 里 的 数组 元 素 必须 都 有 着 相同 的 数据 类 型 ,并 且 利 用 索引 
(index) 可 以 存 取 数 组 元 素 。 

C# 定 义 数组 的 方式 与 C/C++ 或 Java 一 样 ,必须 指定 数组 的 数据 类 型 ,例如 : 


int[] IntArray; 


但 是 ,经 过 定义 的 数组 并 不 会 实际 建立 数组 的 实体 ,必须 利用 new 运算 符 才 能 真正 
建立 数组 ,例如 : 


IntArray=new int [4]; 


建立 对 象 时 ,数组 的 长 度 定义 必须 使 用 常数 ,不 能 使 用 变量 ,否则 会 发 生 错 误 ,例如 : 


int i=3; 
int[] ArrayTest=new int [3]; // 长 度 定义 为 常数 ,正确 
int[] ArrayTest2=new int [i]; // 长 度 定义 为 变量 ,错误 
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经 过 new 关键 字 建 立 的 数组 ,如 果 没 有 初始 化 , 则 其 元 素 都 会 使 用 C# 的 默认 值 ,如 
int 类 型 的 默认 值 为 0,bool 类 型 的 默认 值 为 false 等 。 如 果 想 自行 初始 化 数组 元 素 , 可 以 
用 以 下 的 方式 来 编写 : 


int[] ArrayTest=new int [3] {8,16,32}; // 初 始 化 数组 ,其 中 3 可 以 不 写 , 可 以 根据 
后 面 数据 自动 分 配 


已 经 建立 的 数组 可 以 利用 索引 来 存 取 数 组 元 素 。 要 注意 的 是 ,C# 数 组 的 索引 值 是 
从 0 开始 的 ,也 就 是 说 ,对 于 上 面 含 有 3 个 元 素 的 ArrayTest 数组 ,这 3 个 元 素 的 存 取 方 
式 分 别 为 ArrayTest[0]、ArrayTest[1]、ArrayTest[2]。 

下 面 的 范例 大 致 展示 了 一 维 数组 的 定义 ,初始 化 及 其 元 素 存 取 等 : 


using System; 
namespace DataTypeExamples 
{ 
public partial class Default: System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ 


int[] arr=new int [4]; // 定 义 数组 ,并 利用 new 建立 数组 
for (int i=0;i<arr.Length;i++) 
arr[i]=i; // 对 数组 的 每 一 个 元 素 进行 赋值 


for (int i=0;i<arr.Length;i++) ”// 输 出 显示 每 一 个 元 素 的 值 


Response.Write("arr["+i+"]'s value is "+i); 


} 


在 C# 语 言 中 ,除了 可 以 定义 一 维 数组 ,还 可 以 定义 多 维 数组 。 定 义 多 维 数组 时 ,可 
以 采用 如 下 的 方式 : 


int [,] MulArray=new int[3,5]; 
也 可 以 直接 初始 化 多 维 数组 ,如 下 所 示 : 
int [,] MulArray=new int[,]{ {1,2,3},1{4,5,6}}; 


仔细 观察 上 面 的 初始 方式 ,可 以 看 出 ,如 果 要 初始 化 三 维 数组 ,只 需要 在 一 个 大 括号 
里 , 放 几 个 二 维 数组 作为 三 维 数组 的 元 素 ,元 素 之 间 用 逗号 隔 开 , 如 下 所 示 : 


int[,,] ThreeDim=new int[,,]{ {{1,2,3},{4,5,6}}, {{3,2,1},{6,5,4}} ] 7 


4. 字符 串 类 型 
C# 还 定义 了 一 个 基本 的 类 string ,专门 用 于 对 字符 串 的 操作 。 这 个 类 也 是 在 . NET 
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框架 结构 的 命名 空间 System 中 定义 的 ,是 类 System. String 的 别名 。 
字符 串 不 仅 是 一 种 数据 类 型 一 种 类 别 , 它 还 可 以 视 为 一 个 数组 , 即 一 个 由 字符 组 成 
的 数组 。 字 符 串 的 数组 用 法 如 下 所 示 : 


using System; 
namespace DataTypeExamples 
{ 
public partial class Default: System.Web.UI.Page 
' 
protected void Page Load(object sender, EventArgs e) 
{ 
string MyString="Welcome!"; 
Response.WriteLine (MyString[0]); // 读 取 字符 串 的 第 一 个 字符 
Response.WriteLine (MYString[4]) 7; // 读 取 字 符 串 的 第 五 个 字符 
} 


} 


程序 中 将 字符 串 MyString 看 作为 一 个 字符 数组 ,并 通过 索引 来 读 取 数组 元 素 。 
注意 : 字符 囊 的 索引 方式 只 能 读 取 , 却 不 多 许 写 入 ,除非 整个 字符 串 都 一 并 修改 
才 行 。 
利用 运算 符 “ 十 ”可 以 将 两 个 字符 串 合 成 一 个 字符 串 , 例 如: 
string MyStringl="Welcome"; 
string MyString2=",everyone!"; 
string MyString3=MyStringl+MyString2; 
Response .WriteLine (MyString3); 
在 C++ 或 Java 中 , 若 字 符 串 包含 了 一 些 特殊 字符 ,如 ”和 “””, 必 须 在 字符 前 加 上 
反 斜 杠 ^\”。 这 种 方式 使 字符 串 变 得 不 容易 阅读 ,例如 : 


string MyString="D:\\Eidy\\Book\\HappyEveryday.txt"; 


为 了 避免 字符 串 变 得 不 易 辨 识 ,C# 提 供 了 一 个 专门 的 运算 符 “@”, 它 可 以 去 除 字符 
串 中 不 必要 的 反 斜 杠 , 例 如: 


string MyString=@"D:\Eidy\Book\HappyEveryday.txt"; 


@ 的 优点 就 是 忽略 不 需要 处 理 的 字符 串 , 也 就 是 说 ,把 @ 运 算 符 后 双 引 号 内 的 字符 串 
视 为 单纯 的 字符 种 ,不管 有 没有 包含 特殊 字符 。 例 如 ,要 输出 “"Hello"” 这 样 一 个 带 双 引 
号 的 字符 串 , 则 程序 代码 如 下 : 


string MyString5=@""Hello""; 
Response .WriteLine (MyString5); 
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2.2.4 数据 类 型 转换 


在 C# 语 言 中 ,一 些 预定 义 的 数据 类 型 之 间 存 在 着 预定 义 的 转换 ,例如 ,从 short 类 
型 转换 到 int 类 型 。C# 中 数据 类 型 的 转换 可 以 分 为 两 类 : 隐 式 转换 和 显 式 转换 。 

(1) 隐 式 转换 ,就 是 系统 默认 的 、 不 需要 加 以 声明 就 可 以 进行 的 转换 。 在 隐 式 转换 过 
程 中 ,编译 器 无 须 对 转换 详细 检查 就 能 够 安全 地 执行 ,转换 过 程 中 也 不 会 导致 信息 丢失 ， 
例如 : 


short st=23; 
int i=st; // 将 短 整 型 隐 式 转换 成 整 型 了 


(2) 显 式 转换 ,又 叫 强制 类 型 转换 。 与 隐 式 转换 正好 相反 , 显 式 转换 需要 用 户 明确 地 
指定 转换 的 类 型 。 常 用 强制 类 型 转换 的 方法 主要 考虑 如 下 三 方面 类 型 的 转换 : 

@ 简单 数据 类 型 A 转换 为 字符 串 类 型 B: B=A. toString()。 

@ 字符 串 类 型 B 转换 为 简单 数据 类 型 A: A= 简 单数 据 类 型 . parse(B) 或 者 A= 
Convert, to 数据 类 型 (B) 。 

@ 其 他 数据 类 型 C 转换 为 其 他 数据 类 型 D: D= (D 的 数据 类 型 )C 。 


2.3 类 


类 (class) 是 面向 对 象 程序 设计 的 基本 构成 模块 。 从 定义 上 讲 , 类 是 一 种 数据 结构 ， 
但 这 种 数据 结构 可 能 包含 数据 成 员 、 函 数 成 员 以 及 其 他 的 嵌 套 类 型 。 其 中 ,数据 成 员 类 型 
主要 有 常量 \ 域 ;函数 成 员 类 型 有 方法 、 属 性 ,构造 函数 和 析 构 函数 等 。 


2.3.1 类 结构 


C# 昌 然 有 许多 系统 自 定义 的 命名 空间 及 类 供 程序 设计 人 员 使 用 ,但 设计 人 员 仍 然 
需要 针对 特定 问题 的 特定 逻辑 来 定义 自己 的 类 。 

定义 类 主要 包括 定义 类 头 和 类 体 两 部 分 ,其 中 类 体 由 属性 与 方法 组 成 ,下 面 是 类 
结构 。 


类 头 // 类 头 语法 格式 : 修饰 符 class 类 名 
{ 
类 字段 或 类 变量 ， // 字 段 或 变量 语法 格式 : 修饰 符 数据 类 型 字段 名 
属性 ; // 属 性 语法 格式 : 修饰 符 数据 类 型 属性 名 
构造 方法 ; // 构 造 方法 语法 格式 : public 类 名 ( 形 参 表 ) 
方法 ; // 方 法 语法 格式 : 修饰 符 返回 数据 类 型 方法 名 ( 形 参 表 ) 


事件 ; // 事 件 语法 格式 : 修饰 符 事件 名 ( 形 参 表 ) 


J 
NB 
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2.3.2 类 命名 规则 


C# 语 言 的 命名 规则 如 下 : 

。 使 用 Pascal 规则 命名 类 名 , 即 首 字母 要 大 写 ; 使 用 能 够 反映 类 功能 的 名 词 或 名 词 
短语 命名 类 。 

。 用 Camel 规则 来 命名 类 成 员 变 量 名称 , 即 首 单词 (或 单词 缩写 ) 小 写 ;类 字段 变量 
名 前 可 加 “_” 前 级 。 

。 属 性 使 用 Pascal 规则 , 首 字符 大 写 ,属性 和 相应 字段 名 称 要 关联 ,可 以 使 用 “ 重 构 ” 
菜单 来 生成 属性 。 

， 方 法 名 采用 Pascal 规则 , 首 字符 要 大 写 。 方 法 名 应 使 用 动词 或 动词 短语 。 

。 参 数 采用 Camel 规则 命名 , 即 首 字符 小 写 。 使 用 描述 性 参数 名 称 ,参数 名 称 应 当 
具有 最 够 的 说 明 性 。 

命名 规则 总 结 如 表 2-2 所 示 。 


表 2-2 各 种 类 型 命名 规范 总 结 



































类 型 命名 规则 注意 事项 实 例 
类 Pascal 首 字符 大 写 HttpContext 
事件 Pascal 首 字 符 大 写 SelectedIndexChanged 
类 字段 Pascal 首 字符 大 写 MaxValue( 或 _ MaxValue) 
方法 Pascal 首 字符 大 写 ToString() 
命名 空间 Pascal 首 字 符 大 写 System, Xml 
属性 Pascal 首 字符 大 写 BackColor 
保护 或 私有 字段 Camel 首 字符 小 写 myVariable 
参数 Camel 首 字符 小 写 cmdText 
2.3.3 类 成 员 
类 的 成 员 主 要 有 以 下 类 型 : 
， 字段 .常量 或 变量 。 


。 属 性 ,用 于 定义 类 中 的 值 ,并 对 它们 进行 读 写 。 

。 构 造 方法 ,对 类 的 实例 进行 初始 化 。 

。 方 法 ,执行 类 中 的 数据 处 理 和 其 他 操作 。 

1. 成 员 访问 控制 符 

在 编写 程序 时 ,可 以 对 类 的 成 员 使 用 不 同 的 访问 修饰 符 , 从 而 定义 它们 的 访问 级 别 。 

。 公 有 成 员 (public) 。C 划 中 的 公有 成 员 提供 了 类 的 外 部 界面 ,允许 类 的 使 用 者 从 
外 部 进行 访问 ,公有 成 员 的 修饰 符 是 public。 这 是 对 成 员 访问 限制 最 少 的 一 种 
方式 。 
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。 私 有 成 员 (private)。C# 中 的 私有 成 员 仅 限于 类 中 的 成 员 可 以 访问 ,从 类 外 部 访 
问 私 有 成 员 是 不 合法 的 。 如 果 在 声明 中 ,没有 出 现成 员 的 访问 修饰 符 , 按 照 默认 
方式 成 员 为 和 有。 私有 成 员 的 修饰 符 为 private。 

，。 保护 成 员 (protected) 。 为 了 方便 派生 类 的 访问 ,又 希望 成 员 对 于 外 部 隐藏 ,可 以 
使 用 protected 修饰 符 , 声 明成 员 为 保护 成 员 。 

， 内 部 成 员 (internal) 。 使 用 "internal "修饰 符 类 的 成 员 是 一 种 特殊 成 员 。 这 种 成 员 
对 于 同一 包 中 的 应 用 程序 或 库 是 透明 的 。 而 在 包 . NET 之 外 是 禁止 访问 的 。 

下 面 例子 详细 地 说 明了 类 成 员 访问 修饰 符 的 用 法 : 


using System? 


class Book 
{ 
public int number; // 定 义 了 公有 变量 ,数量 
protected double price; // 定 义 了 保护 变量 ,价格 
private string publisher; // 定 义 了 私有 变量 ,出 版 社 
public void func () 
{ 
number=5; // 正 确 , 可 以 访问 自己 的 公有 变量 
price=22.0; // 正 确 ,可 以 访问 自己 的 保护 变量 
publisher="Peking Publisher"; // 正 确 , 可 以 访问 自己 的 私有 变量 


} 

class EnglishBook 

{ 
public int number; 
private string author; 
public void func() 


author="AndyLau"; // 正 确 ,可 以 访问 自己 的 变量 
Book bookl=new Book (); // 定 义 了 Book 的 实例 对 象 
bookl.number=6; // 正 确 ,可 以 访问 类 的 公有 变量 
book1.publisher="Science Publisher"; ”// 错 误 ,不 能 访问 类 的 私有 变量 
bookl1.price=25.0; // 错 误 ,不 能 访问 类 的 保护 变量 
} 
} 
class ComputerBook:Book // 电 脑 书籍 继承 了 Book 类 


上 
public void funct () 
{ 
Book b=new Book (); 
b.number=8; // 正 确 ,可 以 访问 类 的 公有 变量 
b.publisher="People Publisher"; // 错 误 ,不 可 以 访问 其 私有 变量 
price=25.0; // 正 确 ,可 以 访问 类 的 保护 变量 
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2. 字段 定义 

字段 是 构成 类 结构 的 一 种 元 素 , 它 不 仅 可 以 保存 一 个 值 类 型 的 实例 ,也 可 以 保存 一 个 
引用 类 型 的 地 址 引用 。 它 不 仅 可 以 是 类 的 状态 数据 ,也 可 以 是 实例 的 状态 数据 , 它 默认 并 
不 是 static, 而 是 对 象 级 的 成 员 ,除非 明确 指定 其 修饰 符 为 static。 字 段 可 以 使 用 的 修饰 符 
有 public、private、protected ,internal 或 protected internal。 我 们 可 以 将 其 公开 为 public， 
让 外 界 对 其 进行 读 、 写 修改 。 从 某 种 意义 上 来 讲 , 我 们 更 希望 在 类 本 身 内 部 对 自己 的 状态 
进行 维护 ,并 不 希望 外 界 对 自己 的 状态 进行 直接 更 改 , 以 防止 破坏 这 些 数据 ,这 时 采用 
private 修饰 符 就 可 实现 ,但 还 有 一 种 更 好 的 方法 解决 办 法 ,就 是 属性 。 

下 面 定义 银行 卡 信息 类 中 需要 的 一 些 字段 : 














public class BankCard 
{ 


public string CardNumber; // 定 义 了 公有 的 成 员 卡 号 
private string password ; // 定 义 了 私有 的 成 员 密码 
double balance; // 定 义 了 私有 的 存款 金额 
i 
3. 属性 


如 果 在 外 部 要 访问 某 一 个 类 的 内 部 成 员 ( 私 有 字段 ) ,可 以 使 用 方法 来 达到 目的 ,但 如 
果 对 每 一 个 字段 都 去 编写 一 个 方法 来 进行 读 写 操作 似乎 又 麻烦 了 些 。 属 性 以 灵活 的 方式 
实现 了 对 私有 字段 的 访问 , 它 是 一 种 “访问 器 ?方法 ,包括 get 方法 和 set 方法 : get 访问 器 
用 于 获取 属性 的 值 ;set 访问 器 用 于 设 定 属性 的 值 。 

在 属性 的 访问 声明 中 ,主要 有 以 下 3 种 方式 。 

。 只 有 set 访问 器 ,表明 属性 的 值 只 能 进行 设置 而 不 能 读 出 。 

。 只 有 get 访问 器 ,表明 属性 的 值 是 只 读 的 ,不 能 改写 。 

。 同 时 具有 set 访问 器 和 get 访问 器 ,表明 属性 的 值 的 读 写 都 是 允许 的 。 

每 个 访问 器 的 执行 体 中 ,所 有 属性 的 get 访问 器 都 通过 return 来 读 取 属 性 值 ,set 访 
问 器 都 通过 value 来 设置 属性 的 值 。 

get 访问 器 的 语法 为 : 


get{ return 字段 名 ;} 
set 访问 器 的 语法 为 : 
set{ 字段 名 =value;} 
继续 对 上 述 银行 卡 字段 进行 封装 ,设置 属性 ,代码 如 下 : 


public class BankCard 


public string CardNumber; // 定 义 了 公有 的 成 员 卡 号 
private string password; // 定 义 了 私有 的 成 员 密码 
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double balance; // 定 义 了 私有 的 存款 金 


public string Password // 定 义 password 对 应 属性 ,只 读 
get { return password; } 
} 
public double Balance // 定 义 balance 对 应 属性 ,可 读 可 写 
{ 
get { return balance; } 


set { balance=value; } 


注意 : 

(1) 属性 在 定义 的 时 候 , 要 注意 属性 的 名 称 后 面 不 能 加 上 括号 ,否则 就 变 成 方法 定 
Ty 

(2) 此 处 没有 定义 CardNumber 的 属性 ,是 因为 CardNumber 的 修饰 符 为 public, 已 
为 最 高 访问 权限 , 即 可 读 可 写 ,无须 再 使 用 属性 进行 权限 的 设置 。 

4. 构造 方法 

构造 方法 是 用 于 执行 类 实例 的 初始 化 。 每 个 类 都 有 构造 方法 ,即使 没有 声明 ,编译 器 
也 会 自动 提供 一 个 默认 的 无 参 构造 方法 。 默 认 的 构造 方法 一 般 不 执行 什么 操作 ,例如 : 


public class Classl 

{ Ppublic Classl() 
{ // 系 统 默认 的 构造 方法 
} 

} 


在 访问 一 个 类 的 时 候 , 系统 将 最 先 执行 构造 函数 中 的 语句 。 使 用 构造 函数 应 该 注意 
以 下 几 个 问题 ; 
。 一 个 类 的 构造 方法 要 与 类 名 相同 。 
。 构造 方法 不 能 声明 返回 类 型 。 
。 一般 构造 函数 总 是 public 类 型 ,才能 在 实例 化 时 调用 。 如 果 是 private 类 型 的 , 表 
明 类 不 能 被 实例 化 ,这 通常 用 于 只 含有 静态 成 员 的 类 。 
。 在 构造 方法 中 ,除了 对 类 进行 实例 化 外 ,一 般 不 能 有 其 他 操作 。 对 于 构造 方法 也 
不 能 显 式 地 来 调用 。 
构造 方法 可 以 是 不 带 参数 的 ,这 样 对 类 的 实例 的 初始 化 是 固定 的 ,就 像 默认 的 构造 方 
法 一 样 。 有 时 候 , 在 对 类 进行 初始 化 时 ,需要 传递 一 定 的 数据 ,以 便 对 其 中 的 各 种 数据 进 
行 初始 化 ,这 时 可 以 使 用 带 参 数 的 构造 方法 ,实现 对 类 的 不 同 实例 的 不 同 初始 化 。 
以 下 程序 展示 了 构造 方法 的 定义 : 
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上 面 范例 程序 中 定义 了 3 个 构造 函数 ,每 个 函数 的 人 口 参数 都 不 一 样 , 在 实例 化 时 ， 
可 以 根据 需要 选择 相应 的 构造 函数 。 实 际 上 ,在 实例 化 时 ,构造 函数 的 名 称 还 都 是 一 样 ， 
只 是 人 口 参数 不 一 样 而 已 ,这 就 是 方法 的 重 载 功 能 。 

5. 方法 

在 面向 对 象 的 程序 语言 设计 中 ,对 类 的 数据 成 员 的 操作 都 封装 在 类 的 成 员 方法 中 。 
方法 的 主要 功能 便 是 数据 操作 。 方 法 的 声明 包括 修饰 符 , 返 回 值 数 据 类 型 .方法 名 、 入 口 
参数 和 方法 体 ,如 下 列 代码 所 示 : 





方法 的 返回 值 类 型 必须 是 合法 C# 的 数据 类 型 ,用 return 得 到 返回 值 。 如 果 没有 返 
回 值 , 则 声明 时 ,用 关键 字 void, 并 且 方 法 体 里 不 允许 出 现 return。 例 如 : 





给 银行 卡 类 增加 存款 和 取款 方法 的 代码 如 下 : 








2.3.4 类 的 调用 


定义 好 整个 银行 卡 类 相关 的 字段 属性、 构造 方法 和 一 般 方法 以 后 ,就 可 以 调用 该 类 
进行 具体 的 操作 了 。 








图 2-1 存款 页 面 设计 


CS 后 台 相关 代码 如 下 : 
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protected void Buttonl Click (object sender, EventArgs e) 
{ 

double myMoney=int .Parse (TextBox]1 .Text); 

string sl=BankCard]1 .Deposit (myMoney); 

string s2=BankCard2.Deposit (myMoney); 

string s3=BankCard3.Deposit (myMoney); 

string s4=BankCard4.Deposit (myMoney); 


Label1.Text=" 无 参数 构造 时 ,卡号 为 : " +BankCard1.CardNumber +", 密 码 
为 : " +BankCard1.Password +", 金 额 为 : "+sl +"<br> 

"+" 采 用 1 个 参数 构造 时 ,卡号 为 : " +BankCard2.CardNumber +", 密 码 为 : 

" +BankCard2.Password +", 金 额 为 : " +s2 +"<br> 

"+" 采 用 2 个 参数 构造 时 ,卡号 为 : " +BankCard3.CardNumber +", 密 码 为 : 
"+BankCard3.Password +", 金 额 为 : " +s3 +"<br> 

"+" 采 用 3 个 参数 构造 时 ,卡号 为 : " +BankCard4 .CardNumber +", 密 码 为 : 
"+BankCard4.Password +", 金 额 为 : " +s4; 


} 


运行 结果 如 图 2-2 所 示 。 


人 @ htpV/localhost19725/Def P » © | @ localhost 
请 输入 存款 金额 ， [100 页 




















无 参数 构造 时 ， 卡 号 为 : 2016001, 密 码 为 : 111 金 额 为 : 100 

采用 1 个 参数 构造 时 ， 卡 号 为 : 2016002, 密 码 为 : 222, 金 额 为 : 100 
采用 2 个 参数 构造 时 ， 卡 号 为 : 2016003, 密 码 为 : 333, 金 额 为 : 100 
采用 3 个 参数 构造 时 ， 卡 号 为 : 2016004, 密 码 为 : 444, 金 额 为 : 1100 





图 2-2 存款 运行 结果 图 1 


当 存 款 金额 输入 不 正确 时 的 结果 如 图 2-3 所 示 。 











人 @ httpi//localhost19725/Defaultaspx 用 * 上 localhost x| 
请 输入 存款 金额 ，[100 页 























无 参数 构造 时 ， 卡 号 为 : 2016001, 密 码 为 : 111, 金 额 为 : 输入 存款 金额 不 正确 

采用 1 个 参数 构造 时 ， 卡 号 为 : 2016002, 密 码 为 : 222, 金 额 为 - 输入 存款 金额 不 正确 
采用 2 个 参数 构造 时 ， 卡 号 为 : 2016003, 密 码 为 : 333, 金 额 为 输入 存款 金额 不 正确 
采用 3 个 参数 构造 时 ， 卡 号 为 : 2016004, 密 码 为 : 444, 金 额 为 : 输入 存款 金额 不 正确 








图 2-3 存款 运行 结果 图 2 


\@/ ASPNET 网 站 开发 教 各 


Df 


取款 方法 的 调用 类 似 于 存款 功能 代码 ,只 需 将 存款 方法 改 为 取款 方法 调用 名 即 可 , 读 
者 可 自行 设计 实现 。 


2.4 流程 控制 


C# 程 序 设计 语言 的 流程 控制 语句 与 C 或 Java 语言 在 很 大 程度 上 是 一 致 的 ,分 为 选 
择 语 句 、 循 环 和 跳 转 语句 ,主要 的 流程 控制 关键 字 有 以 下 几 种 。 

。 选择 控制 : if else、switch、case。 

。 循环 控制 : while do for foreach。 

。， 跳 转 语句 : break continue。 


2.4.1 选择 


在 C# 中 ,要 根据 条 件 来 做 流程 选择 控制 时 ,可 以 利用 站 或 switch。 它 们 与 C 语言 中 
的 用 法 一 样 。 

1. 认 语 名 

让 语 句 是 最 常用 的 选择 语句 , 它 根据 布尔 表达 式 的 值 来 判断 是 否 执 行 后 面 的 内 嵌 语 
句 。 其 格式 一 般 如 下 : 


if (布尔 表达 式 ) 
{ 

// 表 达 式 ; 
} 
else 
{ 

// 表 达 式 
} 


当 布 尔 表 达 式 的 值 为 真 时 , 则 执行 让 后 面 的 表达 语句 ;如 果 为 假 , 则 继续 执行 下 面 语 
名 ,如果 还 有 else 语句 , 则 执行 else 后 面 的 内 嵌 语 句 , 和 否则 继续 执行 下 一 条 语句 。 下 面 的 
例子 是 根据 x 的 符号 来 决定 y 值 的 范例 程序 : 


if (x>=0) 


如 果 过 或 else 之 后 的 大 括号 内 的 表达 语句 只 有 一 条 执行 语句 , 则 嵌 套 部 分 的 大 括号 
可 以 省 略 。 如 果 包 含 了 两 条 以 上 的 执行 语句 , 则 一 定 要 加 上 大 括号 。 
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如 果 程 序 的 逻辑 判断 关系 比较 复杂 , 则 可 以 采用 条 件 判断 嵌 套 语句 。f 语 句 可 以 谋 
套 使 用 ,在 判断 中 ,再 进行 判断 。 具 体形 式 如 下 : 





注意 : 每 一 条 else 与 离 它 最 近 且 没有 其 他 else 与 之 对 应 的 计 相 匹配 。 

2. switch 语句 

这 语句 每 次 判断 后 , 只 能 实现 两 条 分 支 , 如 果 要 实现 多 种 选择 的 功能 ,可 以 采用 
switch 语句 。switch 语句 根据 一 个 控制 表达 式 的 值 选 择 一 个 内 嵌 语 句 分 支 来 执行 。 它 
的 一 般 格 式 为 : 





switch 语句 在 使 用 过 程 中 ,需要 注意 两 点 。 

， 每 个 case 后 面 要 以 break 结束 ,否则 会 继续 执行 下 一 个 case 语句 。 

。 switch 语句 中 最 多 只 能 有 一 个 default 标签 。 

举 个 例子 ,国内 学 分 是 以 百分制 ,国外 大 学 则 是 四 分 制 。 出 国 的 学 生 在 换算 分 数 时 ， 
算法 是 : 90 分 以 上 换算 为 4 分 ,80 到 90 为 3 分 ,70 到 80 为 2 分 ,60 到 70 为 1 分 ,60 以 
下 为 0 分 计算 。 这 种 换算 方法 如 果 用 switch 语句 来 实现 ,其 流程 图 如 图 2-4 所 示 。 

程序 代码 如 下 所 示 : 
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3 分 

















2-4 流程 图 


case 10:y=4;break; // 各 个 case 标签 表达 式 值 不 能 相同 
case 9:y=4;break; 

case 8:y=3;break; 

case 1:y=2;break; 

case 6:y=1;break; 

default :y=0; // 有 且 只 有 一 个 default 语句 


在 C# 中 使 用 switch 语句 时 ,还 需要 注意 ,虽然 C/C++ 允许 case 标签 后 不 出 现 
break 语句 ,但 是 C# 却 不 允许 这 样 。 它 要 求 每 个 标签 项 后 面 使 用 break 语句 ,或 者 跳 转 
语句 ,而 不 能 从 一 个 case 自动 遍历 到 其 他 case, 如 果 这 样 将 出 现 编译 错误 。 

例如 ,C/Ct++ 语言 中 ,可 能 出 现 如 下 的 程序 代码 : 


case 7:y=2; 
case 6:y=1; 
default:y=0; 


这 样 的 程序 代码 在 C# 中 则 是 不 允许 的 。 在 C# 中 ,如 果 想 实现 类 似 C/C++ 中 的 自 
动 遍历 的 功能 ,可 以 用 跳 转 语句 goto 来 实现 ,上 面 的 程序 代码 可 改写 为 : 


case 7:y=2;goto case 8; 
case 6:y=1;goto default; 
default:y=0; 


2.4.2 循环 


循环 语句 可 以 实现 一 个 程序 模块 的 重复 执行 ,这 对 于 简化 程序 组 织 算法 有 着 重要 的 
意义 。C# 总 共 提供 了 4 种 循环 语句 : 
，for 语 句 。 
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。 while 语句 。 

。 do-while 语句 。 

。 foreach 语句 。 

1. for 语句 

C# 中 for 循环 的 用 法 与 C 语言 里 相同 ,其 中 必须 给 出 3 个 参数 ,作为 控制 循环 的 起 
点 ,条件 和 累计 方式 。 一 般 格式 为 : 





for 语句 还 可 以 嵌 套 使 用 ,以 完成 大 量 重复 性 、 规 律 性 的 工作 。 例 如 ,在 数学 上 ,经 党 
要 把 一 列 数 进行 排序 ,该 排序 过 程 就 可 以 用 for 语句 的 嵌 套 来 实现 : 





程序 的 运行 结果 是 : 35689, 实 现 了 从 小 到 大 的 排序 功能 。 

2，while 语句 与 do-while 语句 

while 的 使 用 方式 与 for 基本 相同 ,不 过 for 循环 必须 给 定 起 点 与 终点 ,而 while 只 限 
定 条 件 , 只 有 满足 条 件 才 执 行内 嵌 表 达 式 ,否则 离开 循环 ,继续 执行 后 面 的 语句 。 例 如 : 
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do-while 语句 与 while 语句 不 同 , 它 先 将 内 嵌 语 句 执行 一 次 ,再 进行 条 件 判断 是 否 循 
环 执行 内 赔 语 句 。 将 上 例 用 do-while 实现 的 程序 代码 如 下 所 示 : 


int x=0; 
int[] a=new int [3] {166,173,171}; 
do 
| 
if(a[x]==171) // 找 出 171 的 位 置 并 输出 
Console.WriteLine (X) 
x++， // 累 加 条 件 判断 的 变量 
} 
while(x<a.Length) ; // 条 件 判 断 


3，foreach 语句 
foreach 语句 可 以 让 设计 人 员 扫描 整个 数组 的 元 素 索引 。 它 不 用 给 出 数组 的 元 素 个 
数 , 便 能 直接 将 数组 里 的 所 有 元 素 输出 。 请 看 下 面 这 个 例子 ， 


int[] a=new int [5] {23,34,45,56,67}; 
foreach (int i in a) 
{ 
Console .WriteLine (i); 
1 


使 用 foreach 语句 时 ,并 不 需要 知道 数组 里 有 多 少 个 元 素 ,通过 “in 数组 名 称 ” 的 方 
式 , 便 会 将 数组 里 的 元 素 值 逐一 赋予 变量 ij, 之 后 再 输出 。foreach 语句 一 般 在 不 确定 数组 
的 元 素 个 数 时 使 用 。 

注意 : foreach 循环 只 适合 集合 类 的 对 象 ,如 数组 ,字符 串 、List 列表 类 等 。 


2.4.3 跳跃 


为 了 让 程序 拥有 更 大 的 灵活 性 ,通常 都 会 加 上 中 断 或 跳 转 等 程序 控制 。C# 语言 中 
可 以 用 来 实现 跳跃 功能 的 命令 主要 有 以 下 几 种 : 

。 break 语句 。 

。 continue 语句 。 

。 goto 语句 。 

1， break 语句 

在 前 面 介 绍 switch 语句 的 章节 里 ,已 经 使 用 过 break 命令 。 事 实 上 ,break 不 仅 可 以 
使 用 在 switch 判断 语句 里 ,还 可 以 在 程序 的 任何 阶段 上 运用 。 它 的 作用 是 跳出 当前 的 循 
环 ,例如 : 


int[] a=new int [3] {1,3,5}; 
for (int i=1;i<a.Length;i++) 
i 
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if (a[i]==3) 
break; 
a[i]++; 
} 
// 当 a[i]=3 时 , 跳 转 到 此 


当 满 足 a[ 订 =3 时 ,运行 break 命令 ,跳出 当前 的 for 循环 。 
2， continue 语句 
continue 语句 会 让 程序 跳 过 下 面 的 语句 ,重新 回 到 循环 起 点 ,例如 : 


for (int i=1;i<10;i++) // 跳 转 至 此 
{ 


if (i%2==0) continue; 
Console .Write (i); 


} 


如 果 变 量 i 为 偶数 , 则 不 执行 后 面 的 输出 表达 式 , 而 是 直接 跳 回 起 点 ,重新 加 1 后 继 
续 执 行 。 程 序 输出 结果 为 : 13579。 

3，goto 语句 

与 C 语 言 一 样 ,C# 也 提供 了 一 个 goto 命令 ,只 要 给 予 一 个 标记 , 它 可 以 将 程序 跳 转 
到 标记 所 在 的 位 置 ,例如 ， 


for (int i=1;i<10;i++) 

{ 
if (i%$2==0) goto OutLabel; 
Console .WriteLine (i); 


1 
OutLabel : // 跳 转 至 此 


Console .WriteLine ("Here, out now!"); 


2.5 异常 处 理 


在 编写 程序 时 ,不 仅 要 关心 程序 的 正常 操作 ,还 要 把 握 现 实 世 界 中 可 能 发 生 的 各 类 难 
以 预期 的 情况 (如 数据 库 无 法 连接 、 网 络 资源 不 可 用 等 )。C# 语言 中 提供 了 一 套 安全 有 


效 的 异常 处 理 方法 ,用 来 解决 这 类 现实 问题 。 
在 C# 中 ,所 有 的 异常 都 是 System. Expection 类 的 派生 类 实例 。C# 中 获取 例外 的 
方式 与 Java 一 样 ,都 是 利用 try、catch 和 throw、throws 这 三 个 关键 词 来 获取 、 处 理 或 抛 


出 异常 的 。 
2.5.1 异常 处 理 的 作用 
异常 就 是 可 预测 但 是 又 没 办 法 消除 的 一 种 错误 。 出 现 了 异常 ,系统 会 出 现 一 堆 代码 。 
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这 些 代 码 肯定 是 些 非 专 业 人 员 看 不 懂 的 代码 。 通 过 捕获 异常 ,可 使 用 户 能 够 自行 处 理 异 
常 信息 。 所 以 程序 员 为 了 确保 在 程序 中 不 发 生 这 样 的 错误 ,把 容易 发 生 异 常 的 代码 用 try 
catch 进行 处 理 , 或 者 通过 throws 将 异常 向 上 抛 出 ,由 上 一 级 进行 接收 并 处 理 。 如 果 发 生 
异常 而 不 去 处 理 ,会 导致 程序 中 断 ,也 就 是 程序 无 法 继续 运行 。 

自己 编写 的 类 ,在 不 确定 是 不 是 要 报错 的 情况 下 ,可 加 一 个 异常 处 理 ,这 有 助 于 找 出 
程序 中 的 Bug。 


2.5.2 try-catch 和 throw.throws 的 区 别 


。 throw 是 语句 抛 出 一 个 异常 ;throws 是 方法 抛 出 一 个 异常 。 如 果 一 个 方法 会 有 异 
常 ,但 并 不 想 处 理 这 个 异常 ,可 在 方法 名 后 面 用 throws, 这 样 这 个 异常 就 会 抛 出 ， 
谁 调用 了 这 个 方法 谁 就 要 处 理 这 个 异常 ,或 者 继续 抛 出 。 

。 throw 要 么 与 try-catch 语句 配套 使 用 ,要 么 与 计 配 套 使 用 。 但 throws 可 以 单独 
使 用 , 然后 再 由 处 理 异常 的 方法 捕获 ,语法 为 public void input () throws 
Exception。 

，try-catch 就 是 用 catch 捕获 try 中 的 异常 ,并 处 理 ;throw 则 不 处 理 异常 ,直接 抛 
出 异常 ,throw new exception() 是 抛 出 一 个 异常 ,由 别 的 方法 来 捕获 它 。 也 就 是 
说 try-catch 是 为 捕获 别人 的 异常 用 的 ,而 throw 是 自己 抛 出 异常 让 别人 去 破 
获 的 。 


2.5.3 常见 异常 类 


常见 异常 类 如 下 所 示 。 

。， 算术 异常 类 : ArithmeticExecption 。 

。 空 指针 异常 类 : NullPointerException 。 

。 类 型 强制 转换 异常 ClassCastException 。 

。 数组 负 下 标 异常 : NegativeArrayException。 

。 数组 下 标 越界 异常 . ArrayIndexOutOfBoundsException。 
。 违背 安全 原则 异常 : SecturityException。 

。 文 件 已 结束 异常 EOFException。 

。 文 件 未 找到 异常 : FileNotFoundException。 

。 字符 串 转换 为 数字 异常 : NumberFormatException。 
。 操作 数据 库 异 常 : SQLException。 

。， 输 入 输出 异常 : IOException 。 

。 方 法 未 找到 异常 : NoSuchMethodException 。 








过 F [| 
2.5.4 实例 。 5— 
本 实例 处 理 除数 为 零 时 产生 的 异常 。 前 台 页 面 控件 
布置 如 图 2-5 所 示 。 计算 TX"2+48+10 


源 代码 : 图 2-5 前 台 设 计 视 图 
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protected void Button1l Click(object sender, EventArgs e) 
{ 

float x=0f, y=0f; 

try 

{ 
x=Convert.ToSingle (TextBox]1.Text); 
y=X * x+x+10; 
TextBox2.Text=y.ToString(); 

} 

catch (FormatException ee) 

{ 
//TextBox2.Text=ee.Message; 
TextBox2.Text=" 必 须 是 数字 "; 
return; 

} 

catch (OverflowException ee) 

{ 
TextBox2.Text=ee.Message; 
return; 

} 

catch (Exception ee) 

{ 
TextBox2.Text=ee.Message; 


return; 


2.6 本 章 小 结 











C# 是 微软 公司 推出 的 专门 用 于 . NET 平台 的 一 门 新 型 面向 对 象 语言 。 它 简洁 、 先 
进 、 类 型 安全 ,而 且 在 网 络 编程 方面 ,特别 是 ASP. NET 网 络 开发 方面 ,有 着 强大 的 功能 ， 
因此 应 用 十 分 广泛 。 

本 章 主要 介绍 了 C# 语 言 中 最 基础 也 是 最 常用 的 一 些 知识 ,详细 讲解 了 面向 对 象 语 
言 的 主要 特点 。 这 些 内 容 足 以 让 读者 在 ASP. NET 中 任意 秽 翔 ,大 展 拳脚 。 但 是 如 果 没 
有 面向 对 象 编程 基础 的 话 ,要 全 面 理解 本 章 的 内 容 还 是 有 点 难度 。 不 过 这 不 会 影响 以 后 
的 课程 学 习 , 随 着 ASP. NET 介绍 的 慢 慢 深入 ,学 习 更 多 的 例子 后 ,读者 自然 会 对 C# 得 
心 应 手 。 









































习 题 


1. 自 定义 类 ,字段 为 int 型 x 和 y, 可 读 可 写 , 构 造 三 个 实例 化 方法 : 用 不 带 参数 的 构 
造 方法 实例 化 时 ,x==1,y=2; 用 带 一 个 参数 val 构造 方法 实例 化 时 ,x=val,y 二 val 十 1; 
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带 两 个 参数 val_x,val_y 构造 方法 实例 化 时 ,x= val_x,y= val_y, 实 现 调用 并 显示 结果 。 


2. 自 定义 类 ,一 个 学 生 的 高 考分 数 档案 资料 中 ,有 学 生 的 考 号 ` 姓 名 \ 分 数 、 录 取 学 
校 : 考 号 一 经 确定 后 不 能 再 改 , 所 以 只 能 读 ,不 能 写 ; 姓 名 也 是 只 读 的 ;分 数 与 录取 学 校 都 
是 可 读 写 的 。 


3. 编程 实现 输出 如 图 2-6 所 示 的 形状 。 


2-6 编程 输出 的 形状 


4. 能 力 拓展 : 第 3 题 中 * 最 多 的 一 行为 3 个 ,实现 通过 输入 该 行 * 号 的 数量 显示 蓉 
形 图 。 可 以 引入 异常 处 理 (如 输入 的 不 是 数字 时 , 抛 出 异常 ) 。 

5. 在 数组 中 定义 一 些 人 名 ,利用 随机 数 (Random) 实 现 每 次 随机 输出 数组 中 的 一 个 
人 名 的 功能 。 


Web 服务 器 控件 


ASP.NET 提供 了 大 量 的 控件 ,控件 不 仅 解决 了 代码 重用 性 的 问题 ,对 于 初学 者 而 
,控件 还 简单 易 用 并 能 够 轻松 上 手 , 轻 松 地 实现 一 个 交互 复杂 的 Web 应 用 功能 ,并 且 投 
人 到 开发 中 去 。 控 件 的 本 质 是 一 个 类 ,不 同 的 控件 是 不 同 的 类 对 象 ,每 个 控件 都 有 一 些 公 
共 属 性 ,如 字体 颜色 .边框 的 颜色 ,样式 等 。 在 波浪 式 的 学 习 过 程 中 ,应 该 用 面向 对 象 的 思 
想来 学 习 不 同 的 控件 ,并 且 逐 渐 深入 理解 不 同 控件 的 工作 机 理 。 这 对 接 下 来 的 学 习 是 非 
常 有 帮助 的 。 下 面 介绍 一 些 常用 的 Web 服务 器 控件 。 


QI 


3.1 ASP.NET 事 件 处 理 


每 个 控件 都 对 应 多 种 事件 ,事件 代码 出 现在 对 应 的 aspx. cs 文件 中 ,而 每 个 aspx 页 
面 都 会 自动 生成 一 个 Page_Load 事件 ,页面 加 载 Page_Load 事件 和 每 种 控件 事件 代码 优 
先 级 是 不 同 的 ,只 有 熟悉 ASP. NET 页 面 事件 处 理 流程 ,才能 理解 代码 的 执行 顺序 。 

页 面 Page 对 象 常 用 的 页 面 处 理事 件 Page_Prelnit、 Page_Init、Page_Load 如 表 3-1 
所 示 。 

表 3-1 常用 页 面 处 理事 件 表 
事 件 作 用 


通过 IsPostBack 属性 判断 是 否 为 第 一 次 处 理 该 页 、 创 建 动 态 控 件 、 动 态 设置 主题 
属性 , 读 取 配置 文件 属性 等 


Page_Init 初始 化 控件 属性 
Page_Load 读 取 和 更 新 控件 属性 





Page_Prelnit 














不 同 控件 具有 不 同 的 事件 ,可 以 通过 事件 列表 窗 


Button1 System.Web.ULWebControls.Button ~ 


口 查看 ,以 按钮 Button 控件 为 例 , 具 体 事件 列表 如 | 园 &%J 加 儿 帮 





图 3-1 所 示 。 Command “ 
事件 使 用 的 一 些 特点 如 下 peara 
。 Page_Load 事件 优先 级 高 于 控件 事件 。 Init 


Load 


。 Page 事件 处 理 的 先后 顺序 是 Page_PreInit、 [sm 
Page_Init、Page_Load 和 控件 事件 。 平常 使 用 Unload 
的 时 候 , 经 常 使 用 的 是 Page_Load 事件 。 








3-1 Button 事件 列表 图 
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， 部 分 控件 事件 会 引起 页 面 反复 处 理 , 即 页 面 刷新 ,譬如 按钮 的 Click 事件 ,刷新 后 
也 会 首先 运行 Page_Load 事件 。 

。 如果 想 在 执行 控件 的 事件 代码 时 不 执行 Page_Load 事件 中 的 代码 ,可 以 将 语句 写 
在 if(!IsPostBack) 条 件 语句 中 ,表示 页 面 回 送 引起 的 Page_Load 事件 就 不 再 执行 
了 

。 每 个 控件 都 有 默认 事件 ,双击 该 控件 , 即 生成 默认 事件 代码 区 。 误 操作 双击 后 生 

成 的 事件 代码 区 是 不 可 以 随意 删除 的 ,如 果 确 实 需要 删除 ,也 需要 删除 事件 列表 
面板 中 对 应 的 事件 值 。 

。 Change 事件 被 触发 时 , 先 将 事件 的 信息 暂时 保存 在 客户 端的 缓冲 区 中 ,等 到 下 一 
次 向 服务 器 传递 信息 时 , 再 与 其 他 信息 一 起 发 送 给 服务 器 。 若 要 让 控件 的 
Change 事件 立即 得 到 服务 器 的 响应 ,就 需要 将 该 控件 的 AutoPostBack 属性 值 设 
为 true。 

实例 3-1 IsPostBack 属性 应 用 实例 。 

本 实例 在 页 面 第 一 次 载 人 时 显示 “页 面 第 一 次 加 载 !”。 当 单 击 按钮 时 只 显示 “执行 

Click 事件 代码 1” 信 息 , 不 再 显示 “页 面 第 一 次 加 载 1”。 

(1) 新 建 一 个 Web 网 站 ,新 建 一 个 页 面 ,在 该 页 面 中 放置 一 个 Button 控件 。 

(2) 双击 Button 控件 ,自动 生成 Buttonl_Click 事件 代码 区 ,在 该 代码 区 输入 代码 


Response .Write ("执行 Click 事件 代码 ! "); 
(3) 同时 在 Page_Load 代码 区 输入 下 面 代码 : 


if(!IsPostBack) 
{ 
Response.Write (" 页 面 第 一 次 加 载 !") ; 
} 


(4) 运行 程序 ,结果 如 图 3-2 和 图 3-3 所 示 。 





5 时 关 - 0 x 

碟 http://localhost4993, PD "上 | @localhost @ 碟 htpV/localhost4993 让" 上 | 古 localhost 
页 面 第 一 次 加 载 ! 执行 click 事件 代码 ! 
lspostBack 属 性 测试 lspostBack 属 性 测试 



































图 3-2 第 一 次 运行 结果 图 3-3 单 击 按钮 后 的 运行 效果 


3.2 文本 类 控件 


在 Web 开发 过 程 中 通常 需要 向 用 户 展示 一 些 信息 ,或 与 用 户 进行 交互 ,实现 信息 的 
输入 输出 ,如 新 闻 内 容 的 展示 、 搜 索引 擎 的 输入 框 , 超 链接 等 ,这 就 要 使 用 到 文本 类 控件 。 
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这 里 主要 介绍 Label TextBox 和 HyperLink 三 种 文本 类 控件 。 
3.2.1 Label 控件 


有 些 文本 并 不 希望 用 户 进行 修改 ,或 者 当 触发 事件 时 , 某 一 段 文本 能 够 在 运行 时 根据 
要 求 进行 更 改 , 这 时 可 以 使 用 Label 标签 控件 。 

拖 动 一 个 Label 控件 到 页 面 上 来 ,在 HTML 源 视图 页 会 自动 生成 一 行 对 该 控件 的 声 
明 , 代 码 如 下 所 示 : 


<asp:Label ID="Labell" runat="server" Text="Label"></asp:Label> 


上 述 代码 中 ,声明 了 一 个 标签 控件 ,并 将 这 个 标签 控件 的 ID 属性 设置 为 默认 值 
Labell,ID 属性 用 来 唯一 标识 控件 。 程 序 开发 人 员 在 编程 过 程 中 可 以 利用 ID 属性 调用 
该 控件 的 属性 ,方法 和 事件 。 在 对 所 有 控件 的 ID 进行 命名 的 时 候 , 应 该 遵循 良好 的 命名 
规范 。 由 于 该 控件 是 服务 器 端 控件 ,所 以 在 控件 属性 中 包含 runat= “server” 属 性 。 

标签 控件 默认 显示 文本 为 Label, 即 Text 属性 设置 为 Label, 开 发 人 员 可 以 通过 三 种 
方法 进行 控件 属性 的 设置 ,第 一 种 方法 是 通过 HTML 代码 修改 ,第 二 种 方法 是 通过 属性 
窗口 设置 ,最 后 也 可 以 通过 CS 代码 进行 动态 设置 。 

Label 控件 的 属性 很 多 , 除了 常用 的 Text 属性 , 还 有 一 个 很 实用 的 属性 
AssociatedControlID。 在 计算 机 操作 中 ,一 般 都 会 对 应 不 同 快捷 键 实现 相同 的 功能 ,利用 
AssociatedControlID 属性 就 可 以 很 容易 实现 控件 快捷 键 功 能 ,使 用 它 可 把 Label 控件 与 
窗 体 中 另 一 个 服务 器 控件 , 壁 如 文本 框 关联 起 来 ,具体 功能 实现 参见 实例 3-2。 

实例 3-2 AssociatedControlID 属性 的 实例 。 

当 按 下 Alt 十 N 键 时 ,将 激活 用 户 名 右边 的 文本 框 (txtrName) ; 当 按 下 Alt 十 P 键 时 ， 
将 激活 密码 右边 的 文本 框 (txtPassword) ,如 图 3-4 所 示 。 








(DB 但 htp//localhost 只 - 昌 C X | 全 天 妾 8 亿 当 六壬 。 x 





用 户 名 (N) : 


密码 (P) : 














3-4 Label. aspx 浏览 效果 
关键 的 HTML 代码 如 下 : 


<asp:Label ID="lblName" runat="server" AccessKey="N" 
AssociatedControlID="txtName" Text=" 用 户 名 (N) :"></asp:Label> 

<asp:TextBox ID="txtName" runat="server"></asp:TextBox> 

<br /> 

<asp:Label ID="lblPassword" runat="server" AccessKey="P" 
AssociatedControlID="txtPassword" Text=" 密 码 (P) : "></asp:Label> 

<asp:TextBox ID="txtPassword" runat="server"></asp:TextBox> 


~®/ ASPNET 网 站 开发 教程 


Label 控件 是 相对 简单 的 控件 ,主要 用 于 在 特定 位 置 显示 文本 内 容 , 在 ASP. NET 中 ， 
Literal 控件 和 Label 控件 有 相似 的 功能 。 页 面 解析 时 ,Label 控件 会 呈现 一 个 <span> 标 记 ， 
而 Literal 控件 不 在 文本 中 添加 任何 HTML, 这 样 就 使 得 Literal 控件 不 支持 包括 位 置 在 
内 的 任何 样式 属性 。 但 如 果 只 是 为 了 显示 一 般 的 文本 或 者 HTML 效果 ,不 推荐 使 用 
Label 控件 ,因为 当 服务 器 控件 过 多 ,会 导致 性 能 问题 ,使 用 Literal 控件 ,能 让 页 面 解析 速 
度 更 快 。 


3.2.2 TextBox 控件 


默认 的 TextBox 文本 框 控件 是 一 个 单行 文本 框 ,可 以 接收 用 户 输入 的 信息 ,然后 通 
过 后 台 控制 代码 的 处 理 ,进行 数据 处 理 或 与 用 户 进行 信息 交互 等 任务 。 通 过 修改 属性 和 
使 用 扩展 控件 ,可 以 使 简单 的 TextBox 控件 开发 出 丰富 多 彩 的 功能 。 下 面 先 介绍 它 的 几 
个 常用 属性 。 
。 TextMode: 文本 框 的 模式 ,SingleLine 为 单行 , MultiLine 为 多 行 ,Password 为 密 
码 , 即 用 户 输入 的 数据 以 。 显 示 。 
。 MaxLength: 用 户 输入 的 最 大 字符 数 。 当 开发 者 希望 用 户 输入 规定 限制 内 的 字 
符 数 时 使 用 。 
。 ReadOnly: 是 否 为 只 读 。 当 设置 为 true 时 ,文本 框 就 不 允许 用 户 进行 输入 数据 。 
。 Rows: 作为 多 行文 本 框 时 所 显示 的 行 数 。 
。 Columns: 文本 框 的 宽度 。 
。 Wrap: 文本 框 是 否 换行 。 
双击 文本 框 控件 会 触发 TextChange 事件 ,表示 当 文 本 框 控件 中 的 字符 变化 后 会 发 
生 的 事件 。 默 认 情 况 下 ,文本 框 的 AutoPostBack 属性 被 设置 为 false。 当 AutoPostBack 
属性 被 设置 为 true 时 ,文本 框 的 属性 变化 则 会 发 生 回 传 ,TextChange 事件 中 的 代码 才 会 
执行 。 示 例 代码 如 下 所 示 。 














protected void tb title TextChanged (object sender, EventArgs e) 
//TextChange 事件 


当 用 户 将 文本 框 中 的 焦点 移出 导致 TextBox 失去 焦点 时 ,将 执行 上 述 代 码 。 

另外 ,还 可 以 限制 文本 框 只 允许 输入 数字 或 字母 ,结合 验证 控件 和 正则 表达 式 , 可 以 
对 文本 框 的 输入 内 容 进 行 严格 控制 。 同 样 通过 结合 第 三 方 AJAX 控件 和 JavaScript 技 
术 , 可 以 实现 文本 框 自动 提示 效果 、 自 动 补 全 效果 等 一 系列 复杂 的 动作 。 开 发 人 员 根 据 项 
目 需要 ,可 以 自己 学 习 实现 。 
3.2.3 HyperLink 控件 

HyperLink 称 为 超 链 接 控 件 , 相 当 于 实现 了 HTML 代码 中 的 “<a href= ">></a>>” 
效果 。 


超 链接 控件 通常 使 用 的 属性 如 下 所 示 。 
。ImageUrl: 显示 图 像 的 URL, 即 图 像 的 位 置 。 
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。 NavigateUrl: 要 跳 转 页 面 的 URL。 

。 Text: 要 显示 的 超 链接 文字 , 当 设置 了 ImageUrl 之 后 ,Text 就 不 再 显示 。 

HyperLink 控件 实现 的 是 超级 链接 的 功能 ,但 在 使 用 中 需要 注意 以 下 两 点 : 

。 HyperLink 控件 不 包含 Click 事件 ,要 使 用 Click 事件 可 用 LinkButton 控件 代替; 

。 在 HyperLink 中 直接 设置 ImageUzrl 后 ,显示 的 图 形 尺寸 是 不 可 调 的 , 若 要 改变 图 
形 尺 寸 , 可 配合 使 用 Image 控件 。 


3.3 按钮 类 控件 


按钮 类 控件 能 够 触发 事件 ,或 者 将 网 页 中 的 信息 回 传 给 服务 器 。 在 Web 应 用 程序 和 
用 户 交 互 时 ,常常 需要 提交 表单 ,获取 表单 信息 等 操作 ,按钮 类 控件 是 非常 必要 的 。 

在 ASP.NET 中 ,包含 3 种 按钮 类 控件 ,分 别 为 Button、LinkButton 和 ImageButton 。 
这 三 种 不 同 控件 外 观 不 一 样 ,但 本 质 上 都 是 按钮 ,默认 事件 都 为 Click 事件 。 

LinkButton 和 HyperLink 控件 虽然 外 观 相同 ,但 实际 上 存在 很 大 差异 。 首 先是 实现 
机 制 的 不 同 , 用 户 单 击 控件 时 , HyperLink 控件 立即 转向 目标 ,表单 不 需 回 发 到 服务 器 端 ; 
而 LinkButton 需 将 表单 发 回 给 服务 器 ,在 服务 器 端 处 理 页 面 跳 转 功能 ,这 也 是 按钮 类 控 
件 的 共同 点 。 另 外 一 点 就 是 实现 页 面 跳 转 的 方法 不 同 ,HyperLink 只 需 设 置 NavigateUzl 
就 可 以 实现 页 面 跳 转 ,LinkButton 控件 是 在 Click 事件 中 使 用 Response. Redirect 等 方法 
实现 页 面 跳 转 的 。 开 发 人 员 应 该 根据 实际 需求 进行 选择 。 

在 一 个 页 面 中 可 能 需要 用 到 多 个 按钮 类 控件 ,为 了 提高 用 户 体验 性 ,一 般 会 设置 一 个 
默认 的 焦点 按钮 , 当 用 户 按 回 车 键 时 ,相当 于 鼠标 单 击 了 该 焦点 按钮 。 设 置 方法 是 在 
HTML 代码 中 给 <form> 标 签 增 加 一 个 defaultButton 属性 ,其 属性 值 为 需要 设置 为 焦 
点 按钮 的 ID 值 , 代 码 示例 如 下 : 


<form id="forml" runat="server" defaultbutton= "OK"> 


另外 ,按钮 的 Click 事件 属于 服务 器 端 程序 代码 ,有 时 需要 在 执行 服务 器 代码 之 前 先 
执行 客户 端 脚本 程序 ,譬如 删除 操作 时 ,提醒 用 户 是 否 确定 删除 ,根据 用 户 的 选择 结果 决 
定 是 否 执行 服务 器 端的 删除 操作 。 这 需要 给 按钮 增加 onClientClick 事件 ,具体 代码 
如 下 : 

<asp: Button ID="Buttonl" runat="server" Text=" 删 除 " OnClick="Buttonl 


Click” 
OnClientClick="return confirm(' 确 定 删 除 吗 ?')"/> 


3.4 图像 类 控件 


网 页 中 经 常 要 用 到 图 像 , 一 般 图 像 的 展示 只 需要 使 用 HTML 标签 <img 之 即 可 ,在 
特殊 情况 下 ,图像 的 展示 需要 服务 器 端的 程序 功能 设置 ,ASP. NET 中 与 图 像 有 关 的 服务 


NG /ApnErmi 必 雪人 


器 控件 为 Image 和 ImageMap, 下 面 依次 讲解 。 
3.4.1 Image 控件 


Image 控件 常用 的 属性 如 下 。 

。ImageAlign: 获取 或 设置 Image 控件 相对 于 网 页 上 其 他 元 素 的 对 齐 方式 。 

， ImageUrl: 获取 或 设置 Image 控件 中 显示 的 图 像 的 源 位 置 。 

。 ToolTip: 浏览 器 显 式 在 工具 提示 中 的 文本 。 

。 AlternateText: 在 图 像 无 法 显示 时 显示 的 备用 文本 。 

其 他 属性 (如 宽度 ,高 度 、. 是 否 可 显示 ,是 否 可 用 以 及 各 种 样式 ) 的 设置 和 选择 如 以 下 
代码 所 示 。 


<asp:Image ID="Imagel" runat="server" ImageUrl="~/image/hello.gif" 
Pp 8 
Height="198px" Width="209px" AlternateText=" 图 像 不 存在 " /> 


上 述 代码 就 是 一 个 设置 了 宽度 和 高 度 的 图 像 控件 ,并 且 图 像 的 源 为 相对 路 径 下 的 
hello. gif 文件 。 当 图 片 无 法 显示 的 时 候 , 图 片 将 被 替换 成 AlternateText 属性 中 的 文字 。 
在 实际 浏览 器 中 ,该 图 像 控 件 就 被 解释 成 <img src 二 "" alt="”" 之。 当然 也 可 以 直接 在 源 
视图 下 手动 用 <img> 代 替 图 像 控 件 。 

注意 : 当 双 击 图 像 控件 时 ,系统 并 没有 生成 
事件 所 需要 的 代码 段 ,这 说 明 Image 控件 不 支 
持 任 何事 件 , 如 需要 实现 代码 ,可 以 替换 使 用 
ImageButton 控件 。 

实例 3-3 Image 控件 应 用 实例 。 

该 实例 利用 Image 控件 实现 不 同 图 片 的 更 
换 , 并 实现 改变 图 片 大 小 的 功能 。 

新 建 一 个 Web 页 面 ,在 该 页 面 中 放置 一 个 
Image 控件 ,一 个 文本 框 控件 和 两 个 按钮 ,如 
图 3-5 所 示 , 更 改 比例 按钮 ID 名 为 ChangeScale，| ”上 兴工 烷 
将 所 需 图 片 素材 放 于 单独 文件 夹 images 中 。 | 请 输入 需要 改变 成 的 比例 : 厂 ， % 证 
为 了 降低 程序 难度 ,可 将 图 片 按照 数字 顺序 命 
名 ,图 片 格式 统一 为 jpg 格式 。 人 全 和 

源 代码 如 下 : 














public partial class Eg3 3: System.Web.UI.Page 
{ 
protected void Page Load (object sender, EventArgs e) 
{ 
if(!IsPostBack) 
{ 
Imagel.ImageUrl="~/images/1.jpg"; ”// 设 置 初 始 化 图 片 为 第 一 张 


第 3 章 “web 服务 器 控件 四 人 





NM/ 。 ASPNET 网 站 开发 教程 
ee 


int y=s.LastIindexOf ('/'); 
int num=x-y-1; 
string fileName=s.Substring(y +1, num); 
int newFileName=int.Parse (fileName) +1; // 设 置 后 一 个 图 片 
if (newFileName==4) 
{ 
Imagel.ImageUrl="~/images/" +newFileName +".jpg"; 
Next .Enabled=false; 
} 
else 
{ 
Imagel.ImageUrl="~/images/" +newFileName +".jpg"; 
} 


3.4.2 ImageMap 控件 


在 实际 网 页 中 经 常会 遇 到 这 种 情况 , 当 鼠 标 在 图 像 的 不 同 区 域 进行 移动 的 时 候 , 会 出 
现 不 同 的 链接 地 址 ,这 就 是 图 片 热点 。 在 Dreamweaver 等 网 页 设计 工具 中 ,提供 了 绘制 
工具 ,在 所 见 即 所 得 的 窗口 下 ,开发 人 员 可 以 根据 情况 绘制 热点 区 域 ,十 分 方便 。 在 
ASP., NET 中 ,也 提供 了 图 片 热点 控件 ImageMap, 它 有 HotSpotMode 和 HotSpots 两 个 


重要 属性 。 
HotSpotMode( 热 点 模式 ) 常 用 选项 如 下 所 示 。 


。 NotSet: 未 设置 项 。 其 实在 实际 应 用 中 默认 情况 下 会 执行 定向 操作 ,定向 到 指定 
的 URL 位 置 。 如 果 未 指定 URL 位 置 , 那 默认 将 定向 到 自己 的 Web 应 用 程序 根 


目录 。 


。 Navigate: 定向 操作 项 。 定 向 到 指定 的 URL 位 置 。 如 果 未 指定 URL 位 置 , 那 默 


认 将 定向 到 自己 的 Web 应 用 程序 根 目录 。 


。 PostBack: 回 发 操作 项 。 当 该 项 设置 为 True 时 , 单 击 热点 区 域 后 ,将 执行 后 台 的 


Click 事件 。 
。 Inactive: 无 任何 操作 , 即 此 时 形 同 一 张 没有 热点 区 域 的 普通 图 片 。 


HotSpots( 图 片 热点 ) 属 性 对 应 着 System. Web. UI WebControls. HotSpot 对 象 集 
合 。HotSpot 类 是 一 个 抽象 类 , 它 之 下 有 CircleHotSpot( 圆 形 热 区 )、RectangleHotSpot 
(方形 热 区) 和 PolygonHotSpot( 多 边 形 热 区 )3 个 子 类 。 实 际 应 用 中 ,都 可 以 使 用 上 面 3 
种 类 型 来 定制 图 片 的 热点 区 域 。ImageMap 最 常用 的 事件 有 Click, 通 常 在 HotSpotMode 


为 PostBack 时 用 到 。 


由 于 ImageMap 控件 的 功能 和 Dreamweaver 中 的 图 像 热 区 功能 相同 ,而 且 使 用 起 来 


Dreamweaver 的 方法 相对 简单 ,建议 没有 特殊 情况 使 用 Dreamweaver 的 方法 。 
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3.5 列表 类 控件 


在 Web 开发 中 ,经 常 使 用 列表 控件 来 为 用 户 提供 有 限 项 的 数据 选择 ,防止 用 户 输入 
不 存在 的 数据 。 这 一 方面 可 以 限制 用 户 随意 输入 数据 ,如 地 名 、 性 别 等 , 另 一 方面 也 可 以 
简化 用 户 的 输入 ,避免 经 常 性 的 输入 。 在 ASP. NET 中 ,主要 包含 DropDownList、 
ListBox、CheckBoxList 和 RadioButtonList 四 种 列表 控件 。 下 面 分 别 介绍 。 


3.5.1 DropDownList 控件 


DropDownList( 下 拉 列 表 ) 控 件 是 我 们 最 常用 的 控件 之 一 ,允许 用 户 从 预定 义 的 下 拉 
列表 中 选择 且 只 能 选择 一 项 ,如 注册 会 员 时 的 性 别 选择 ( 男 或 女 ) 。 

对 于 列表 项 的 预定 义 , 可 以 通过 三 种 方法 实现 ， 

(1) 利用 属性 面板 中 的 Items 属性 进行 设置 。 

在 Items 属性 中 可 以 添加 多 个 ListItem 项 ,每 个 ListItem 项 有 4 个 属性 ,如 图 3-6 
所 示 。 























False 
男 
Value 男 



























































图 3-6 ”DropDownList 的 Items 集合 编辑 器 


。 Enable: 是 否 可 用 。 

。 Selected: 是 否 选中 。 选 择 True 时 ,运行 时 默认 被 选中 。 

。 Text: 要 显示 的 文本 。 

。 Value: 该 项 的 值 。 

需要 注意 的 是 ,默认 情况 下 Text 属性 与 Value 属性 一 致 ,根据 程序 需要 可 设置 Text 
属性 为 用 户 值 ,Value 值 为 程序 值 。 

(2) 利用 DropDownList 对 象 的 Items. Add( ) 方 法 动态 生成 列表 项 。 
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DropDownList1.Items .Add ("浙江 "); 
DropDownList1.Items .Add (new ListItem(" 浙 江 ", "Zhejiang")); 


需要 注意 的 是 ,Add 方法 只 有 一 个 参数 时 ,表示 Text 和 Value 值 一 致 ;Add 方法 有 
两 个 参数 时 ,第 一 个 参数 表示 Text 值 ,第 二 个 参数 表示 Value 值 。 

相应 地 ,还 可 以 利用 Items. Remove() 和 Items. Clear() 方 法 对 Items 对 象 进行 删除 
和 清空 。 

通过 属性 DataSource 设置 数据 源 ,再 通过 DataBind() 方 法 显示 数据 。 该 方法 在 第 9 
章 讲解 数据 库 绑 定时 会 涉及 到 。 

DropDownList 控件 的 常用 属性 为 : 

。 Selected: 该 属性 值 为 布尔 类 型 ,用 于 判断 列表 项 是 否 选中 。 

。 SelectedItem: 该 属性 表示 选中 列表 项 集合 ,该 属性 的 下 级 属性 包含 Text 或 
Value。 

。 SelectedValue: 该 属性 表示 选中 列表 项 的 Value 值 。 

，SelectedIndex: 该 属性 表示 选中 列表 项 的 下 标 值 。DropDownList 的 列表 项 本 质 
是 一 个 集合 ,第 一 项 下 标 值 为 0, 使 用 Itmes[ 下 标 值 ] 也 可 定位 该 项 。 

DropDownList 控件 的 默认 事件 为 Changed 事件 ,此 事件 会 在 下 一 次 页 面 回 送 时 执 
行 ,所 以 如 果 需 要 立即 触发 事件 代码 功能 ,需要 将 控件 的 AutoPostBack 属性 设置 为 true。 
下 面 通过 一 个 实例 讲解 DropDownList 控件 的 使 用 。 

实例 3-4 利用 DropDownList 控件 实现 二 级 联动 。 

本 实例 以 日 期 联动 为 例 。 年 份 取 最 近 十 年 的 数据 ,月 份 数据 保持 为 12 个 月 的 数据 ， 
日 期 会 根据 年 月 选择 的 不 同 显示 不 同 的 天 数 。 例 如 ,二 月 份 会 因为 头 年 或 平年 的 不 同 而 
出 现 28 天 或 29 天 的 不 同 表现 。 

(1) 新 建 Web 页 面 ,在 设计 页 面 添加 3 个 
DropDownList 控件 ,名 称 分 别 为 ddlYear、ddlMonth | bad 
和 ddiDay, 用 来 表示 年 .月 和 日 ,放置 一 个 Label 控 | [ 习 时 和 富 拉 有 和 庆 3 
件 ,用 于 显示 选择 的 最 终日 期 ,如 图 3-7 所 示 。 

(2) 将 3 个 DropDownList 控件 的 AutoPostBack 
属性 设 为 true, 表 示 当 选 定 项 发 生 改 变 时 ,自动 回 发 
到 服务 器 ,并 会 立即 执行 后 台 DropDownList 控件 的 SelectedIndexChanged 事件 。 

(3) 这 3 个 下 拉 列 表 内 容 采用 上 述 第 二 种 方法 , 即 代码 方法 动态 添加 ,分 别 用 
BindYear() .BindMonth() 和 BindDay() 方 法 实现 绑 定 。 代 码 如 下 : 






Eg3 4aspx* bX 








3-7 控件 设计 效果 














protected void BindYear () 

{ 
// 清 空 年 份 下 拉 列 表 中 项 
ddlYear.Items.Clear (); 


int startYear=DateTime.Now.Year-10; 


第 3 章 “web 服务 器 控件 \@ 人 一 


(4) 以 上 方法 分 别 在 Page_Load ddlYear_SelectedIndexChanged 和 ddlMonth _ 
SelectedIndexChanged 事件 中 进行 调用 ,代码 如 下 : 
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BindYear (); 
BindMonth (); 
BindDay(); 


} 


protected void ddlYear SelectedIndexChanged (object sender, EventArgs e) 
{ 
BindDay (); 
} 
protected void ddlMonth SelectedIndexChanged (object sender, EventArgs e) 
{ 
BindDay (); 
} 
protected void ddlDay SelectedIindexChanged (object sender, EventArgs e) 
{ 
Label1.Text=" 您 选择 的 日 期 为 : "+ddlYear .SelectedValue+" 年 "+ddlMonth. 
SelectedValue+" 月 "+ddlDay.SelectedValue+ "日 "; 
1 


在 实际 项 目 开发 中 ,还 会 经 常 使 用 DropDownList 控件 实现 二 级 级 联 操作 ,甚至 多 级 
级 联 。 由 于 级 联 操作 需要 加 载 的 数据 会 很 多 而 且 还 会 变化 ,通常 不 会 直接 把 所 有 数据 者 
手动 赋值 或 者 在 后 台 一 个 一 个 加 载 ,而 是 调用 数据 库 中 的 已 有 数据 ,或 者 利用 第 三 方 提供 
的 资源 (如 Web 服务 ) ,这样 会 大 幅 减少 后 台 的 代码 量 ,资源 利用 也 更 合理 。 





3.5.2 ListBox 控件 


DropDownList 和 ListBox 控件 都 允许 用 户 从 列表 中 选择 项 ,区 别 在 于 DropDownList 
控件 的 列表 在 用 户 选择 前 处 于 隐藏 状态 , 而 ListBox 控件 的 选项 列表 是 可 见 的 ; 
DropDownList 控件 只 能 单 选 ,ListBox 控件 既 可 单 选 , 也 可 多 选 ,设置 SelectionMode 属 
性 为 Single 时 ,表明 只 允许 用 户 从 列表 框 中 选择 一 个 项 目 ,而 当 SelectionMode 属性 的 值 
为 Multiple 时 ,用 户 可 以 按 住 Ctrl 键 或 使 用 Shift 组 合 键 从 列表 中 选择 多 个 数据 项 。 

ListBox 控件 的 列表 项 增加 方法 ,常用 属性 及 事件 ,都 与 DropDownList 控件 相同 ,下 
面 通过 一 个 实例 来 讲解 ListBox 控件 的 使 用 。 

实例 3-5 在 ListBox 控件 之 间 实 现 数据 项 的 移动 。 

下 面 示例 实现 两 个 ListBox 间 数 据 项 的 相互 移动 , 且 支 持 多 项 选择 。 

(1) 新 建 Web 窗 体 页 面 ,添加 两 个 ListBox 控件 。 分 别 命 名 为 List_left 和 List_ 
right。 注 意 这 两 个 列表 框 的 SelectionMode 属性 均 为 Multiple。 两 个 LinkButton 按钮 分 
别 命 名 为 MoveLeft 和 MoveRight, 前 台 设计 效果 如 图 3-8 所 示 。 
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图 3-8 ListBox 前 台 设 计 效果 


(2) 创建 移动 方法 Move() ,代码 如 下 : 





(3) 在 左 移 和 右 移 按钮 Click 事件 中 调用 Move 方 法 ,代码 如 下 : 
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3.5.3 CheckBoxList 控件 


CheckBoxList 控件 称 为 复 选 组 控件 , 当 需 要 用 户 选择 多 个 选择 项 时 , 复 选 组 控件 便 
可 满足 需求 。 

类 似 的 有 CheckBox( 复 选 框 ) 控 件 , 但 是 这 两 者 是 有 区 别 的 。CheckBox 控件 没有 
Items 属性 ,因为 它 只 有 一 项 供 选 择 ,多 个 CheckBox 控件 通过 GroupName 属性 绑 定 到 一 
起 实现 复 选 框 组 的 功能 ;判断 CheckBox 是 否 选中 的 属性 是 Checked, 而 CheckBoxList 作 
为 集合 控件 ,判断 列表 项 是 否 选中 的 属性 是 Selected 属性 。 

拖 动 一 个 CheckBoxList 控件 到 页 面 上 ,声明 代码 如 下 : 


<asp:CheckBoxList ID="cbl] check" runat="server" AutoPostBack="True"> 
<asp:ListItem>C#</asp:ListItem> 
<asp:ListItem>JRVR</asp:ListItem> 
<asp:ListItem>C++</asp:ListItem> 
<asp:ListItem>C</asp:ListItem> 
<asp:ListItem>PHP</asp:ListItem> 
</asp:CheckBoxList> 


<asp:Label ID="lb select" runat="server"></asp:Label> 


复 选 框 最 常用 的 事件 是 SelectedIndexChanged ,双击 该 控件 系统 自动 生成 该 事件 代 
码 ,处 理 过 程 如 下 : 


protected void cbl check SelectedIndexChanged (object sender, EventArgs e) 
lL 
lb_select.Text=" 您 选择 的 编程 语言 为 : "; 
foreach (ListItem item in cbl check.Items) // 循 环 检测 Items 中 的 每 一 项 
| 
if (item.Selected==true) // 判 断 当前 item 的 项 是 否 选中 
lb select.Text +=item.Text+" "; /1/"+=" 运 算 累 加 各 项 的 Text 值 


} 


上 述 代 码 中 的 foreach 语句 循环 检测 复 选 框 控件 的 每 
一 项 LisItem, 并 且 判 断 每 一 项 是 否 被 选中 ,如 果 选 中 ,就 在 
标签 控件 原 有 的 文本 后 增加 当前 选中 项 的 文本 值 。 运 行 效 | 这 #s 关 | 夯 RiWGeos617- 
果 如 图 3-9 所 示 。 

在 实际 工程 项 目 中 ,一 般 把 CheckBoxList 的 AutoPostBack 
属性 值 设 置 为 false, 且 不 采用 CheckBoxList 的 自身 Hc 
Changed 事件 ,而 是 使 用 Button 控件 实现 提交 。 ee 


您 选择 的 编程 语言 为 ，C++ PHP 
除了 手动 编写 每 项 的 值 之 外 , 复 选 框 组 控件 也 可 以 绑 i 
定数 据 源 取得 数据 库 中 的 数据 。 


3-9 浏览 运行 效果 
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3.5.4 RadioButtonList 控件 


RadioButtonList 控件 称 为 单 选 组 控件 ,与 CheckBoxList 不 同 的 是 ,它们 可 以 为 用 户 
提供 单项 选择 ,例如 性 别 的 选择 。 与 它 有 相同 功能 的 还 有 单 选 控件 RadioButton, 但 单 选 
控件 只 能 提供 一 个 选择 项 ,而 单 选 组 控件 可 以 提供 多 个 选择 项 。 另 外 , 单 选 组 控件 所 生成 
的 代码 也 比 单 选 控件 实现 相对 较 少 。 

RadioButtonList 控件 的 使 用 方法 及 属性 设置 与 CheckBoxList 控件 很 相似 ,只 是 功 
能 上 为 单 选 与 多 选 的 区 别 , 用 户 可 以 根据 实际 项 目 开 发 中 所 需 的 功能 进行 选择 和 使 用 。 


3.6 容器 控件 


Web 窗 体 上 的 容器 控件 , 主要 包括 Panel 控件 .PlaceHolder 控件 ,以 及 控件 组 合 
MultiView 和 View。 下 面 分 别 进行 介绍 。 


3.6.1 Panel 控件 


Panel( 面 板 ) 控 件 的 作用 是 控制 部 分 控件 的 整体 输入 输出 ,就 好 像 是 一 些 控件 的 容 
器 ,可 以 使 其 他 控件 包含 在 Panel 控件 里 面 ,使 用 时 直接 拖 动 控件 到 Panel 里 便 可 ,其 主 
要 属性 如 下 。 

。 DefaultButton: 面板 的 默认 按钮 。 

。 Direction: 面板 中 文本 的 方向 。 

。 GroupingText: 群 组 显示 的 文本 ,通过 编写 GroupingText 属性 能 够 更 加 清晰 地 

让 用 户 了 解 Panel 控件 中 服务 器 控件 的 类 别 。 

。 HorizontalAlign: 设置 面板 内 的 水 平 对 齐 。 

。 ScrollBars: 滚动 条 设置 。 其 中 Horizontal .Vertical 是 正 专用 的 。 

实例 3-6 ”Panel 面板 的 显示 与 隐藏 。 

(1) 创建 一 个 Panel 控件 ,并 在 Panel 控件 | “a 
里 放置 一 个 Label 控件 和 一 个 Textbox 控件 ,在 | 全 se 
Panel 控件 外 放置 一 个 Button, 如 图 3-10 所 示 。 

(2) Panel 控件 初始 状态 为 隐藏 状态 ,通过 
按钮 bt_show 控制 ,实现 面板 的 显示 与 隐藏 状态 。 按 钮 事件 的 处 理 如 下 : 

















图 3-10 Panel 设计 效果 图 


protected void bt_ show Click (object sender, EventArgs e) 
{ 
Panell.Visible=!Panell .Visible; // 更 改 面板 的 显示 状态 
if(Panel1.Visible==true) 
bt_show.Text=" 隐 藏 面板 "; 
else 
bt_show.Text=" 显 示 面 板 "; 
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(3) 浏览 器 中 的 运行 效果 如 图 3-11 所 示 。 





- 0O x - 0 x 
@ 碟 htpy/localhost4993 P - 上 人 < 碟 httpy/localhost4993 P -上 1 








显示 面板 隐 营 面板 




















请 输入 用 户 名 ， 
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(4) 当 Panel 控件 中 存在 多 个 Button 控件 时 ,可 以 把 Panel 控件 的 DefaultButton 属 
性 设置 为 面板 中 某 个 按钮 的 ID 值 , 当 用 户 在 面板 中 输入 完毕 ,可 以 直接 按 回 车 键 来 传送 
表单 。 如 果 设 置 了 Panel 控件 的 高 度 和 宽度 , 当 Panel 控件 中 的 内 容 高 度 或 宽度 超过 时 ， 
还 能 够 自动 出 现 滚动 条 。 


3.6.2 ”PlaceHolder 控件 


PlaceHolder( 占 位 ) 控 件 的 功能 与 Panel 控件 相似 ,都 可 以 作为 控件 的 容器 来 使 用 ， 
但 是 不 能 直接 把 控件 拖 到 PlaceHolder 中 ,而 是 通过 后 台 的 编程 处 理 来 实现 所 要 求 的 效 
果 , 当 程序 需要 动态 添加 新 控件 时 就 必须 用 到 PlaceHolder 控件 。 

下 面 通过 一 个 实例 介绍 当 页 面 加 载 时 动态 生成 控件 的 功能 。 

实例 3-7 Placeholder 应 用 实例 。 [ PlaceHolder “PlaceHolderl”] 

(1) 新 建 一 个 Web 窗 体 页 面 ,在 页 面 放置 一 个 [| 

[Labell] 

Placeholder 控件 、 一 个 Button 控件 和 一 个 Label 控件 ， 
如 图 3-12 所 示 。 3-12 页面 控 件 设计 

(2) 当 页 面 加 载 时 ,在 Placeholder 中 动态 添加 一 个 
Label 控件 和 一 个 RadioButtonList 控件 ,Page_load() 事 件 的 源 代码 如 下 : 





protected void Page Load(object sender, EventArgs e) 
{ 
Label question=new Label (); 
question.ID="question"; 
question.Text="1. Web 服务 器 控件 不 包括 () "; 
PlaceHolderl1 .Controls.Add (question); 
RadioButtonList answer=new RadioButtonList (); 
answer.ID="answer"; 
answer.Items.Add (new ListIitem("A.Wizard", "A")); 
answer.Items.Add (new ListItem("B.input", "B")); 
answer.Items.Add (new ListItem("C.Adrotator", "C")); 


answer.Items.Add (new ListIitem("D.Calender", "D")); 


第 3 章 Web 服务 器 控件 


PlaceHolderl1 .Controls.Add (answer); 


} 


(3) 按钮 的 单 击 事件 用 来 显示 RadioButtonList 中 的 选项 ,代码 如 下 : 


protected void Buttonl Click (object sender, EventArgs e) 


上 


RadioButtonList choose= (RadioButtonList)PlaceHolder1.FindControl 


("answer"); 


if(choose.SelectedValue=="") 


{ 


Label1.Text=" 请 输入 您 的 答案 !"; 


else 


Label1.Text=" 你 选择 了 : " +choose.SelectedValue; 


} 


(4) 运行 程序 结果 如 图 3-13 所 示 。 












































- 0 x = 0 X 
@ [@ httpi//localhost4993, P ~ O | @ localhost 人 @ htpyllocalhost4993 P * & | @ localhost 
1 、Web 服 务 器 控件 不 包括 〈) 1 、Web 服 务 器 控件 不 包括 〈) 

OA Wizard OA Wizard 

O 〇 Binput 图 Binput 

OC Adrotator OCAdrotator 

OD.Calender OD.Calender 

确定 | 请 输入 您 的 答案 ! 确定 | 你 选择 了 ，B 

图 3-13 运行 结果 


3.63 View 和 MultiView 控件 


MultiView 控件 是 一 组 View 控件 的 容器 , 使 用 它 可 定义 一 组 View 控件 。 
MoultiView 和 View 控件 搭配 使 用 可 以 制作 出 选项 卡 的 效果 ,并 提供 了 一 种 可 方便 显示 


信息 的 替换 视图 方式 。 


View 控件 不 能 单独 使 用 ,必须 放 在 MultiView 控件 内 部 , 且 每 次 只 能 显示 一 个 View 
控件 中 的 内 容 , 即 每 次 只 有 一 个 View 控件 为 活动 视图 。 而 每 个 View 控件 都 可 包含 子 控 
件 , 因 此 可 以 说 它们 也 是 各 种 控件 的 容器 。 

MultiView 和 View 控件 没有 像 其 他 控件 那样 多 的 属性 或 方法 ,经 常用 ActiveViewIndex 
属性 或 SetActiveView 方法 定义 活动 视图 ,第 一 个 View 的 ActiveViewIndex 属性 值 为 
0, 依 次 类 推 。 如果 ActiveViewIndex 属性 为 空 , 则 MultiView 控件 不 向 客户 端 呈 现任 何 
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内 容 。 

下 列 HTML 代码 定义 使 用 了 MutiView 和 View 控件 ,其 中 一 个 MultiView 控件 中 
嵌 套 3 个 View 控件 ,设置 了 ActiveViewIndex 属性 为 0, 即 第 一 个 面板 为 活动 状态 ,每 个 
View 控件 中 有 两 个 按钮 ,分 别 设置 了 它们 的 CommandArgument 属性 和 CommandName 
属性 ,用 来 控制 不 同 View 之 间 的 切换 ,CommandName 和 CommandArgument 的 设置 方 
式 如 表 3-2 所 示 。 


<asp:MultiView ID="MultiViewl" runat="server" ActiveViewIndex="0"> 
<asp:View ID="View3" runat="server"> 
第 一 个 View 
<asp:Button ID="Buttonl1" runat="server" CommandName= "NextView" 
Text=" 第 二 个 " /> 
<asp:Button ID="Button2" runat="server" CommandArgument="2" 
CommandName="SwitchViewByIndex" Text=" 第 三 个 " /> 
</asp:View> 
<asp:View ID="View2" runat="server"> 
第 二 个 View 
<asp:Button ID="bt2" runat="server" CommandName="NextView" 
Text= "第 三 个 " /> 
<asp:Button ID="bt4" runat="server" CommandRrgument= "View3" 
CommandName= "SwitchViewByID" Text= "第 一 个 " /> 
</asp:View> 
<asp:View ID="Viewl" runat="server"> 
第 三 个 View 
<asp:Button ID="bt3" runat="server" CommandName="PrevView" 
Text=m 第 三 个 /> 
<asp:Button ID="Button3" runat="server" CommandArgument="0" 
CommandName="SwitchViewByIndex" Text=" 第 一 个 " /> 
</asp:View> 


</asp:MultiView> 


表 3-2 CommandName 和 CommandArgument 设置 方式 

















CommandName 值 CommandArgument 值 
NextView (没有 值 ) 
PrevView (没有 值 ) 
SwitchViewByID 要 切换 到 的 View 控件 的 ID 
SwitchViewByIndex 要 切换 到 的 View 控件 的 索引 号 


在 浏览 器 中 的 显示 效果 如 图 3-14 和 3-15 所 示 。 
注意 : 在 MultiView 控件 中 ,第 一 个 被 放置 的 View 控件 的 索引 为 0 而 不 是 1 后面 
的 View 控件 的 索引 依次 递增 。MultiView 和 View 控件 也 可 以 实现 导航 效果 ,可 以 通过 
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编程 指定 MultiView 的 ActiveViewIndex 属性 来 显示 相应 的 View 控件 。 


olka e moocatosts: | 


部 % 夫 | 税 htpyllocalhost6193/- | 
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图 3-14 按 下 第 一 个 view 3-15 按 下 第 二 个 view 


3.7 向 导 控 件 


Wizard 控件 称 为 向 导 控件 ,主要 用 于 搜集 用 户 信息 、 配 置 系统 等 。 例 如 用 户 的 注册 
是 需要 若干 步 完 成 的 ,用 户 填 完 某 一 步 的 表单 后 ,可 以 单 击 “ 下 一 步 ”按钮 ,也 可 以 使 用 * 上 
一 步 " 按 钮 返回 。Wizard 控件 可 以 很 容易 地 实现 这 种 注册 功能 。Wizard 控件 和 
Moultiview 控件 类 似 ,但 是 比 MultiView 控件 更 方便 。Wizard 控件 能 够 根据 步 又 自动 更 
换 选项 ,如 在 没有 执行 到 最 后 一 步 时 ,会 出 现 * 上 一 步 ” 或 “下 一 步 ” 按 钮 以 便 用 户 使 用 , 当 
向 导 执 行 完 毕 时 , 则 会 显示 “完成 ”按钮 , 极 大 地 简化 了 开发 人 员 的 向 导 开发 过 程 。 下 面 介 
绍 Wizard 控件 的 重要 属性 和 事件 。 

。 ActiveStepIndex: 显示 当前 是 向 导 中 的 第 几 个 步骤 ,在 页 面 刚 开 始 加 载 时 ,默认 


是 0 
。 DisplaySideBar: 当 该 属性 设置 为 true 时 , 则 将 整个 流程 的 步骤 全 部 显示 在 页 
面 中 。 


。 DisplayCancelButton: 当 该 属性 设置 为 true 时 ,在 每 个 页 面 中 ,都 将 显示 一 个 “ 取 
消 ?按钮 ,要 处 理 取消 的 事件 ,可 以 在 CancelButtonClick() 中 编写 代码 。 

。 ActiveStepChanged: 当 从 一 个 步骤 转换 到 另 一 个 步骤 时 ,触发 的 事件 。 

PreviousButtonClick: 当 单 击 " 上 一 步 ?按钮 时 触发 的 事件 。 

NextButtonClick: 当 单 击 “ 下 一 步 ”按钮 时 触发 的 事件 。 

FinishButtonClick: 当 单 击 “ 完 成 ”按钮 时 触发 的 事件 。 

CancelButtonClick: 当 单 击 “取消 ?按钮 时 触发 的 事件 。 

下 面 为 Wizard 控件 上 默认 生成 的 代码 : 


<asp:Wizard ID="Wizardl" runat="server"> 
<WizardSteps> 
<asp:WizardStep runat="server" title="Step 1"> 
</asp:WizardStep> 
<asp:WizardStep runat="server" title="Step 2"> 
</asp:WizardStep> 
</WizardSteps> 
</asp:Wizard> 
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Wizard 控件 默认 生成 两 步 ,可 以 单 击 Wizard 控件 的 Wizardsteps 属性 弹出 集合 编辑 
器 窗口 后 进行 编辑 ,如 图 3-16 所 示 。 
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图 3-16 WizardStep 集合 编辑 器 











Wizard 控件 由 4 部 分 组 成 ,如 图 3-17 所 示 。 




















。 侧 栏 (SideBar): 包含 所 有 向 导 步 又 的 列表 ,这 Stepl 标题 Header 
些 列表 内 容 来 自 WizardStep 的 Title 属性 值 。| | 庆 | [一 
对 应 的 模板 属性 是 SideBarTemplate。 ba Re 

。 标 题 (Header) : 每 个 向 导 步 又 提供 一 致 的 标题 
信息 ,对 应 的 模板 属性 是 HeaderTemplate。 二 人 

。 向 导 步 骤 集 合 (WizardSteps): Wizard 控件 的 


























核心 ,必须 逐个 为 向 导 的 每 个 步骤 定义 内 容 。 图 3-17 Wizard 控件 结构 
导航 按钮 (NavigationButton): 呈现 形式 与 每 
个 WizardStep 的 属性 StepType 有 关 。 

Wizard 向 导 控件 还 支持 一 些 模板 。 用 户 可 以 配置 相应 的 属性 来 配置 向 导 控 件 的 模 
板 。 用 户 可 以 通过 编辑 StartNavigationTemplate 属性 .FinishNavigationTemplate 属性 、 
StepNavigationTemplate 属性 以 及 SideBarTemplate 属性 来 进行 自 定 义 控件 的 界面 设 
定 。 这 些 属性 的 意义 如 下 所 示 。 

。 StartNavigationTemplate: 该 属性 指定 为 Wizard 控件 的 Start 步骤 中 的 导航 区 域 





显示 自 定义 内 容 。 

。 FinishNavigationTemplate: 该 属性 为 Wizard 控件 的 Finish 步骤 中 的 导航 区 域 指 
定 自 定义 内 容 。 

。 StepNavigationTemplate: 该 属性 为 Wizard 控件 的 Step 步骤 中 的 导航 区 域 指 定 
自 定义 内 容 。 


。 SideBarTemplate: 该 属性 为 Wizard 控件 的 侧 栏 区 域 中 指定 自 定义 内 容 。 
SideBarTemplate 必须 包含 ID 为 SideBarList 的 ListView 控件 或 DataList 控件 
才能 启用 侧 栏 导航 功能 。 
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实例 3-8 ”Wizard 控件 向 导 实 例 。 
(1) 新 建 Web 窗 体 页 面 ,在 该 页 面 中 放置 一 个 Wizard 控件 ,根据 WizardStep 集 合 编 


辑 器 编辑 步骤 ,并 且 在 每 个 Step 中 放置 所 需要 的 控件 ,具体 设计 如 图 3-18 一 图 3-21 
所 示 。 
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图 Internet | 保护 模式 六 用 





图 3-18 Stepl 浏览 效果 
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您 输入 的 信息 如 下 : 

用 户 名 : abc 

性 别 : 女 

邮箱 : abc@163.com 


其 他 信息 : 我 喜欢 ,net 编程: 











图 Internet | 保护 模式 灯 用 给 7 用 1006 > 





图 3-21 Step4 浏览 效果 图 


(2) Wizard 控件 自动 套用 了 名 为 “简明 型 ”的 格式 ,设置 了 4 个 步骤 ,第 三 个 步骤 的 
StepType 属性 设置 为 Finish, 最 后 一 个 步骤 的 StepType 属性 设置 为 Complete。 在 第 三 
个 步骤 的 “完成 ”按钮 事件 (双击 Wizard 控件 即 可 自动 生成 ) 的 处 理 过 程 如 下 : 


protected void Wizardl FinishButtonClick(object sender, WizardNavigation 
EventArgs e) 
{ 

lb name.Text=tb name ,Text 

lb email.Text=tb email .Text 

lb other.Text=tb other .Text ; 

lb sex.Text=dd] sex.SelectedItem.ToString(); 


3.8 其 他 控件 


3.8.1 FileUpload 控件 


FileUpload 控件 的 主要 作用 是 提供 文件 上 传 功能 。 该 控件 使 用 较为 简单 ,主要 设计 
的 属性 和 方法 如 下 : 

。 HasFile 属性 : 表示 FileUpload 控件 中 是 否 存在 文件 。 

。 FileName 属性 : 表示 上 传 文件 名 ,包含 扩展 名 。 

。 SaveAs 方 法 : 用 于 上 传 功能 的 实现 。 

下 面 通过 一 个 具体 的 实例 来 讲解 FileUpload 控件 的 使 用 方法 。 

实例 3-9 FileUpload 文件 上 传 功能 实现 。 

(1) 新 建 一 个 Web 窗 体 页 面 , 在 该 页 面 上 添加 一 
个 FileUpload 控件 .一 个 Button 控件 以 及 一 个 Label Labell 
控件 ,设计 如 图 3-22 所 示 。 国 2 20 4 轩 册 让 





浏览...， | 上 传 
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(2) 在 解决 方案 资源 管理 器 中 新 建 一 个 文件 夹 ,用 于 接收 保存 上 传 的 文件 。 给 “上 
传 ”按钮 添加 Click 事件 代码 。 


if (FileUploadl .HasFile) 
{ 
try 
{ 
FileUpload] .SaveAs (Server.MapPath ("~/FileSave/")+FileUpload!l. 
FileName); 
Label1.Text=" 上 传 文件 名 为 : "+FileUpload1.PostedFile.FileNamet+"<br>" 
+" 文 件 大 小 为 : "+FileUpload1.PostedFile.ContentLength+"kb<br>" 
+ "文件 类 型 为 "+FileUpload1.PostedFile.ContentType; 


catch{} 
} 


该 段 上 传 功能 较为 简单 ,上 传 文件 名 为 客户 端 本 地 文件 名 ,这 样 可 能 会 因为 上 传 文件 
重 名 ,而 导致 上 传 功能 失败 。 可 通过 将 上 传 到 服务 器 的 文件 随机 命名 的 方法 来 解决 , 感 兴 
趣 的 读者 可 结合 随机 数 编程 来 实现 。 


3.8.2 AdRotator 控件 


上 网 浏览 网 页 的 时 候 , 经 常会 遇 到 很 多 的 广告 ,在 ASP. NET 中 也 提供 了 广告 控件 
AdRotator。AdRotator 控件 提供 了 一 种 在 ASP. NET 网 页 上 显示 广告 的 简便 方法 ,该 
控件 会 显示 用 户 需 要 展现 的 图 像 。 

AdRotator 控件 可 以 从 数据 源 (通常 是 XML 文件 或 数据 库 表 ) 提 供 的 广告 列表 中 自 
动 读 取 广 告 图 片 URL。 每 次 刷新 页 面 时 ,AdRotator 控件 会 按 加 权 随 机 选择 广告 。 加 权 
控制 广告 条 的 优先 级 别 , 这 可 以 使 某 些 广告 的 显示 频率 比 其 他 广告 高 。AdRotator 控件 
最 常用 的 属性 就 是 AdvertisementFile, 用 来 指定 数据 源 文 件 ,通常 使 用 XML 文件 。 

下 面 是 XML 文件 的 格式 示例 : 


<?xml version="1.0" encoding="utf-8" ?> 
<Advertisements> 
<Ad> 
<ImageUrl> sina.bmp</ImageUr1> 
<NavigateUrl>http://www.sina.com.cn</NavigateUrl> 
<AlternateText> 新 浪 < /AlternateText> 
<Keyword> 门 户 </Keyword> 
<Impressions>10</Impressions> 
</Ad> 
<Rd> 
<ImageUrl>netease.bmp</ImageUrl> 
<NavigateUrl>http://images/www.sohu.com</NavigateUrl> 


ND/ spnET 网 站 开发 教程 


<AlternateText> 网 易 </AlternateText> 


<Keyword> 门 户 < /Keyword> 
<Impressions>10</Impressions> 
</Ad> 
<Ad> 


<ImageUrl>qq.bmp</ImageUrl> 
<NavigateUrl>http://www.qq.com< /NavigateUrl> 
<AlternateText> 腾 讯 </AlternateText> 
<Keyword> 门 户 </Keyword> 
<Impressions>10</Impressions> 

</Ad> 


</Advertisements> 


从 上 述 代码 可 以 看 出 ,只 有 一 对 <<Advertisements 之 </Advertisements 之 标签 ,内 部 
包含 多 对 <<Ad>><</Ad>> 标 签 ,每 一 对 里 可 以 分 别 设置 标签 的 元 素 。 

注意 : 要 区 分 XML 文件 的 格式 以 及 节点 的 大 小 写 ! 

XML 文件 的 标签 元 素 如 下 。 


ImageUrl: 指定 一 个 图 片 文件 的 相对 路 径 或 绝对 路 径 , 当 没 有 ImageKey 元 素 与 
OptionalImageUrl 匹配 时 则 显示 该 图 片 。 

NavigateUrl, 当 用 户 单 击 广告 没有 NavigateUrlKey 元 素 与 OptionalNavigateUrl 
元 素 匹 配 时 ,会 将 用 户 发 送 到 该 页 面 。 

AlternateText: 该 元 素 用 来 蔡 代 IMG 中 的 ALT 元 素 。 

KeyWord: 用 来 指定 广告 的 类 别 。 

Impression: 该 元 素 是 一 个 数值 ,指示 轮换 时 间 表 中 该 广告 相对 于 文件 中 的 其 他 
广告 的 权重 。 数字 越 大 ,显示 该 广告 的 频率 越 高 XML 文件 中 所 有 
<<Impressions 之 值 的 总 和 不 能 超过 2 047 999 999。 否 则 ,AdRotator 控件 将 引发 
运行 时 异常 。 

StartDate: 可 选项 ,为 广告 开始 展示 时 间 。 

EndDat: 可 选项 ,为 广告 结束 展示 时 间 。 


指定 AdRotator 控件 的 AdvertisementFile 属性 值 为 上 面 所 示 的 XML 文件 。 在 浏 
览 器 中 的 运行 ,通过 按 F5 键 进行 模拟 刷新 ,每 次 就 会 根据 加 权 随 机 显示 XML 文件 中 定 
义 好 的 图 像 ,效果 参考 图 3-23 和 图 3-24。 


网 易 NerEase 全 腾讯 网 


www-:163.com \ OO0.CcOM 


图 3-23 运行 结果 (1) 图 3-24 运行 结果 (2) 
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3.8.3 Calendar 控件 


Calendar( 上 日历) 控件 通 常 在 博客 .论坛 等 程序 中 使 用 ,Calendar 控件 不 仅仅 只 是 显示 
了 一 个 日 历 ,用 户 还 能 够 通过 Calendar 控件 进行 时 间 的 选取 。 在 传统 Web 开发 中 ， 
Calendar 控件 的 实现 十 分 复杂 ,而 ASP.NET 提供 了 强大 的 Calendar 控件 来 简化 日 历 的 
开发 。Calendar 控件 能 够 实现 日 历 的 翻 页 日历 的 选取 以 及 数据 的 绑 定 ,开发 人 员 能 够 在 
博客 .OA 等 应 用 的 开发 中 使 用 Calendar 控件 从 而 减少 日 历 应 用 的 开发 。 下 面 介绍 
Calendar 控件 的 一 些 属性 和 事件 。 
SelectionMode: 获取 或 设置 Calendar 控件 上 的 日 期 选择 模式 ,该 模式 指定 用 户 可 
以 选择 单 日 一 周 还 是 整 月 。 
DayNameFormat: 获取 或 设置 一 周 中 各 天 的 名 称 格式 ,默认 值 为 Short。 
FirstDayOfWeek: 获取 或 设置 将 在 日 历 的 第 一 列 中 显示 的 一 周 中 的 某 一 天 ,默认 
值 为 Sunday。 
NextPrevFormat: 获取 或 设置 Calendar 控件 的 标题 部 分 中 下 个 月 和 上 个 月 导航 
元 素 的 格式 。 
DayRender 事件 : DayRender 事件 是 在 正 呈现 Calendar 控件 时 引发 的 ,不 能 添加 
如 Button 这 样 的 也 能 引发 事件 的 控件 ,只 能 添加 静态 控件 ,如 Label、 Image 和 
HyperLink。 
SelectionChanged 事件 : 用 户 更 改选 择 时 激发 ,为 Calendar 控件 的 默认 事件 。 
VisibleMonthChanged 事件 : 用 户 更 改 可 见 月 时 激发 。 

下 面 通过 一 个 实例 来 简单 认识 Calendar 控件 的 使 用 。 

实例 3-10 给 Calendar 控件 添加 节日 。 

该 实例 实现 给 简单 的 Calendar 控件 增加 几 个 节日 文字 。 

(1) 新 建 一 个 Web 窗 体 页 面 ,在 该 页 面 中 添加 一 个 Calendar 控件 ,可 以 选择 自动 套 
用 格式 ;再 添加 一 个 Label 控件 ,用 来 显示 选择 的 日 期 。 

(2) 因为 节日 的 出 现 是 要 在 Calendar 控件 呈现 时 同时 出 现 ,不 再 需要 其 他 控件 的 事 
件 触 发 ,所 以 在 Calendar 的 DayRender 事件 实现 添加 节日 的 功能 ,注意 DayRender 事件 
不 是 Calendar 的 默认 事件 ,需要 在 事件 窗口 中 选择 并 双击 生成 ,代码 如 下 : 





protected void Calendar1l DayRender (object sender, DayRenderEventArgs e) 
{ 

string[,] myday=new string[13,32]; 

myday[1，1]= "元 旦 "7 

myday[2, 14]=" 情 人 节 "; 

myday[3，8]=" 妇 女 节 "; 

myday[4, 1]=" 思 人 节 "; 

myday[4, 5]=" 清 明 节 "; 
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myday[5，1]= "劳动 节 "; 
myday[6, 1]=" 儿 童 节 "; 
string s=myday [e .Day.Date.Month, e.Day.Date.Day]; 
if(s!=null) 
e.Cell.Controls.Add (new LiteralControl ("<br>"+s)); 
} 


运行 效果 如 图 3-25 所 示 。 


@ 剧 http://localhost: 
五 月 


4993/Eg3 10as DD * 0 | 转 localhost 

















六 月 
二 一 三 五 大 上 日 
1 

半音 和 2 3 3 
6 1 8§8 9 1 1 2 
B 4 5 8 D 1 9 
2 2 2 3a 1 2 

了 9 也 

图 3-25 运行 效果 


(3) ASP.NET 提供 的 Calendar 控件 功能 有 限 ,当然 开发 人 员 可 以 通过 编程 处 理 实 
现 自己 想 要 的 效果 。 还 有 一 些 第 三 方 的 日 历 控件 ,提供 了 不 同 的 功能 样式 风格 。 例 如 ， 
AjaxControlTookit 中 的 CalendarExtender 扩展 控件 ,结合 TextBox 文本 框 控件 可 以 直 
接 实现 日 期 的 选择 ,读者 可 以 自行 练习 使 用 。 


3.9 本 章 小 结 


本 章 讲解 了 ASP. NET 中 常用 的 标准 控件 ,一 个 网 站 不 是 由 某 一 两 个 控件 能 够 实现 
完成 的 ,这 需要 不 同 控件 的 组 合 , 合 理 搭配 使 用 ,才能 发 挥 出 更 好 的 效果 。 

这 些 常用 控件 的 本 质 都 是 相似 的 ,学 习 的 时 候 要 多 实践 ,分 析 观察 不 同 控件 的 不 同属 
性 和 方法 事件 。 这 会 极 大 提高 学 习 新 控件 的 效率 ,同时 当 开发 人 员 水 平 达到 一 定 程度 时 ， 
也 可 以 设计 自己 需要 的 控件 。 这 些 都 需要 建立 在 对 控件 原理 十 分 清楚 的 基础 之 上 。 

ASP. NET 中 常用 的 控件 ,虽然 极 大 地 提高 了 开发 人 员 的 效率 ,但 是 同时 也 产生 了 两 
方面 的 弊端 。 一 是 对 于 开发 人 员 而 言 , 这 些 控件 制约 了 开发 人 员 的 学 习 , 人 们 虽然 能 够 经 
常 使 用 ASP. NET 中 的 控件 来 创建 强大 的 多 功能 网 站 , 却 不 能 深入 了 解 控 件 的 原理 ,所 
以 对 这 些 控件 的 熟练 掌握 ,是 了 解 控 件 的 原理 的 第 一 步 。 二 是 本 章 介绍 的 均 是 服务 器 控 
件 , 如 果 网 站 页 面 上 采用 了 很 多 服务 器 控件 ,同时 服务 器 的 访问 量 也 达到 一 定 程度 时 ,对 
服务 器 的 影响 很 大 ,网 站 的 运行 速度 会 变 慢 , 效 率 变 低 。 所 以 ,开发 人 员 要 合理 选择 合适 
的 控件 进行 布局 选择 。 


1 
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1. 简 述 标签 <a> .LinkButton 控件 和 HyperLink 控件 的 区 别 。 

2. 简单 实现 登录 和 注册 功能 页 面 ,选择 不 同 的 角色 进入 不 同 的 页 面 ,查看 不 同 的 内 
容 ( 如 游客 会员 ,管理 员 这 3 种 身份 ) 。 

3. 使 用 FileUpload 实现 任意 文件 上 传 功 能 ,要 求 上 传 至 服务 器 后 的 文件 名 为 6 位 随 
机 数 ,文件 类 型 不 变 。 

4. 给 TextBox 控件 增加 AJAX 扩展 包 功 能 中 的 Calendar 控件 。 
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ASP.NET 内 置 对 象 


在 Web 应 用 程序 运行 时 ,ASP. NET 将 维护 有 关 当 前 应 用 程序 、 每 个 用 户 会 话 、 当 前 
HTTP 请 求 ,请求 的 页 等 方面 的 信息 。ASP. NET 包含 一 系列 类 ,用 于 封装 这 些 上 下 文 信 
息 , 这 些 类 即 为 内 置 对 象 。 

ASP. NET 包括 6 个 内 置 对 象 ,分 别 是 Request、 Response、Server、Cookies、Session、 
Application。 这 些 对 象 使 得 用 户 更 容易 收集 通过 浏览 器 请 求 发 送 的 信息 、 相 应 浏览 器 以 
及 存储 用 户 信息 ,以 实现 其 他 特定 的 状态 管理 和 页 面 信息 的 传递 。 这 些 内 置 对 象 都 是 实 
例 化 对 象 ,使 用 时 不 需要 再 使 用 new 来 实例 化 。 


4.1 Response 对 象 


Response 对 象 封装 了 服务 器 向 客户 端 响应 的 信息 ,用 来 发 送信 息 到 客户 端 ,并 对 发 
送 过 程 进行 控制 。 
Response 对 象 的 基本 语法 : 


Response [. 属 性 | 方法 ]; 
属性 和 方法 这 两 个 参数 只 能 选择 一 个 。 常 用 的 属性 或 方法 如 表 4-1 所 示 。 
表 4-1 Response 对 象 常用 属性 或 方法 


属性 /方法 说 有明 
逻辑 值 ,true 表示 先 输出 到 缓冲 区 ,在 处 理 完整 个 响应 后 再 将 数据 输出 到 客户 端 浏 




















Buffer 属 性。 各 器,false 表示 直接 将 信息 输出 到 客户 端 浏览 器 

Write() 在 页 面 上 输出 信息 

Redirect() 页 面 重 定向 ,可 通过 URL 附加 查询 字符 串 在 不 同 网 页 之 间 传递 数据 
Flush() 立刻 输出 缓冲 区 中 的 网 页 

Clear() 当 属 性 Buffer 值 为 true 时 ,Response. Clear() 表 示 清除 缓冲 区 中 数据 信息 
End() 终止 ASP. NET 应 用 程序 的 执行 


实例 4-1 Response. Write() 方 法 示例 。 
下 面 的 示例 中 ,将 使 用 页 面 的 Response 对 象 输出 4 行 不 同 大 小 的 字符 串 “ 我 喜欢 
ASP. NET!”, 
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(1) 新 建 一 个 Web 窗 体 ,在 页 面 加 载 事 件 中 ,输入 如 下 代码 。 


protected void Page Load(object sender, EventArgs e) 
{ 
Response.Write("<center>"); 
for (int i=1; i<=4;i++) 
{ 
Response.Write ("<p><font size=" +i +"> 我 喜欢 RSP.NET! < /font>< 
/p>"); 
} 
Response.Write ("</center>"); 


} 


(2) 按 F5 键 启动 应 用 程序 ,运行 结果 如 图 4-1 所 示 。 

实例 4-2 ”Response. Redirect() 方 法 示例 。 

本 示例 将 使 用 Response 对 象 的 Redirect() 方 法 进行 页 面 跳 转 。 

(1) 新 建 一 个 Web 窗 体 ,添加 两 个 按钮 。 将 按钮 的 Text 属性 分 别 设置 为 “ 单 击 此 处 
转 到 百度 ”和 “ 单 击 此 处 转 到 实例 4-1” 按 钮 代码 如 下 。 


protected void Buttonl Click(object sender, EventArgs e) 
| 


Response.Redirect ("http://www.baidu.com"); 


protected void Button2 Click(object sender, EventArgs e) 
{ 

Response.Redirect ("~/Eg4 1.aspx"); 
} 




















(2) 按 F5 键 启动 应 用 程序 , 单 击 按钮 ,并 查看 运行 结果 ,结果 如 图 4-2 所 示 。 
- 0 x =; 器 Xx 
| htp/ocalhost2727, 了 ~ © | @ localhost $)O Gre/ocahosra Do| locahost 
我 大 耽 ASPNET! A 单 击 此 处 转 到 百度 
我 喜欢 ASPNET! 
单 击 此 处 转 到 实例 4-1 
我 喜欢 ASPNETI 
我 喜欢 ASPNET! 
MY 




















图 4-1 运行 结果 图 图 4-2 使 用 Response. Redirect() 方 法 进行 页 面 跳 转 


(3) Response. Rederect 在 默认 情况 下 是 在 本 页 跳 转 ,除了 在 Java Script 中 用 
window. open 或 给 form 指定 Target 属性 ,那么 本 页 面 中 所 有 的 Response. Rederect 都 
将 在 新 的 窗口 中 打开 。 代 码 如 下 : 
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protected void Page Load (object sender, EventArgs e) 


{ 
forml .Target=" blank"; 


由 


<form id="forml" runat="server" target=" blank"> 


实例 4-3 ”Buffer、Flush() ,End() 和 Clear() 综 合 实例 。 
下 面 代码 实现 了 for 循环 输出 数字 ,综合 运用 了 Buffer 属性 和 Flush()、End() ,Clear() 
种 方法 ,该 程序 运行 结果 如 图 4-3 所 示 。 





protected void Page Load(object sender, EventArgs e) 
{ 
Response.Buffer=true; 
for(int i=1;i<=100;i++) 
{ 
Response .Write (i); 
if (i%10==0) 
{ 
Response.Write("<br>"); 
Response.Flush(); 
} 
else if (i>=50) 
{ 
Response .Write ("I 值 大 于 50 停止 输 出 !"); 
Response.Clear (); 
Response .End(); 


} 
Response.Write ("程序 结束 !") ; 


12345678910 
11121314151617181920 


21222324252627282930 
31323334353637383940 
41424344454647484950 





图 4-3 运行 结果 
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本 实例 中 的 Buffer 属性 可 以 设置 为 false, 运 行 结 果 就 会 截然 不 同 ,读者 可 自行 测试 ， 
对 比 理解 Buffer 属性 的 作用 。 


4.2 Request 对象 


Request 对 象 封 装 了 客户 端 向 服务 器 发 送 的 请 求 信息 ,用 来 获取 从 客户 端 提交 和 上 
传 的 信息 。 具 体 来 说 , 当 用 户 通过 浏览 器 提交 数据 时 , Web 服务 器 就 会 收 到 其 HTTP 请 
求 。 请 求 信息 既 包 括 用 户 的 请 求 方式 (如 POST .GET) .参数 名 、 参 数值 等 ,又 包括 客户 端 
的 基本 信息 (如 浏览 器 类 型 .版 本 号 ,用户 所 用 的 语言 及 编码 方式 等 ), 这 些 信息 将 被 整合 
在 一 起 ,封装 在 Request 对 象 中 。 通 过 Request 对 象 , 便 可 以 访问 这 些 数据 。 

Request 基本 语法 


Rquest [ .集合 | 属性 | 方法 ] 


其 中 集合 、 属 性 方法 三 个 只 能 选择 一 个 ,也 可 以 3 个 都 不 要 。 

例如 ,Request. QuerySring[ "id"] 表 示 获 取 URL 后 面 参数 名 为 id 值 ; Request[ "id"] 
也 表示 获取 id 参数 值 ,但 ASP. NET 会 遍历 QuerySring、Form、Cookie 等 数据 集合 检索 
此 参数 ,建议 指定 数据 集合 的 名 称 ,提高 效率 ; Request. totalBytes 表示 从 客户 端 接收 的 数 
据 大 小 ,单位 为 字 节 。 

Request 对 象 常 用 属性 和 方法 ,如 表 4-2 所 示 。 


表 4-2 Request 对 象 常用 属性 和 方法 























属性 /方法 说 明 
QueryString 从 查询 字符 串 中 读 取 用 户 提交 的 数据 
Form 从 表单 中 读 取 用 户 提交 的 数据 
Cookies 获得 客户 端的 Cookies 数据 
FilePath 获取 当前 请 求 的 虚拟 路 径 
Browser 获得 客户 端 浏览 器 信息 
ServerVariables 获得 服务 器 端 或 客户 端 环境 变量 信息 
ClientCertificate 获得 客户 端的 身份 验证 信息 





Request 对 象 的 功能 就 是 从 客户 端 得 到 数据 。 常 用 的 两 种 取得 数据 的 方法 是 
Request. Form 和 Request. QueryString ,下面 通 过 一 个 实例 来 说 明 这 两 种 方法 的 使 用 。 

实例 4-4 ”Request 应 用 实例 。 

(1) 新 建 一 个 Web 窗 体 页 面 (Eg4_4_1. aspx) ,在 该 页 面 放置 两 个 文本 框 和 一 个 下 拉 
列表 ,用 于 采集 用 户 信息 ,将 其 分 别 命名 为 Name、Age、Sex; 另 外 添加 一 个 Panel 控件 ,在 
Panel 中 添加 三 个 Literal 控件 显示 三 个 信息 数据 ,分 别 命名 为 Lt_Age、Lt_Name、Lt_ 
Sex,Panel 控件 的 Visible 属性 初始 化 为 false; 两 个 按钮 代表 实现 两 种 不 同方 法 传递 数 
据 。 设 计 页 面 如 图 4-4 所 示 。 





本 页 Formm 方 法 传 参数 Vr] 方法 传 参数 


[ Literal Lt_Name”] 您 好 ! 
您 的 年 龄 是 ，[ Literal “Lt_Age” ] 
您 的 性 别 是 


: [Literal Lt Sex” ] 





图 4-4 页 面 设计 


(2) 首先 实现 “本 页 Form 方法 传 参数 "按钮 的 功能 ,在 该 按钮 的 Click 事件 中 添加 代 
码 如 下 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ 

Panell.Visible=true; 

Lt Name.Text=Request.Form["Name"] .ToString(); 

Lt Age.Text=Request.Form["Age"] .ToString(); 

Lt Sex.Text=Request.Form["Sex"] .ToString (); 
} 


(3) 运行 结果 如 图 45 所 示 。 
(4) 再 新 建 一 个 Web 窗 体 文件 (Eg4_4_2. aspx) ,控件 设计 和 Panel 面板 内 容 一 致 ， 
如 图 4-6 所 示 。 





= 0 x | 
人 @ htpV/localhost27271P -上 | @lod 
请 输入 信息 


姓名 | 天 至 昔 
年 龄 , 20 
性 别 : 女 v 
































本 页 Form 方 法 传 参数 | | Ur 仿 法 传 参数 
天 人 


您 的 年 龄 是 ，20 




















[ Literal “Lt_Name”] 您 好 ! 
您 的 性 别 是 , 女 您 的 年 龄 是 ，[ Literal “Lt_Age” ] 








您 的 性 别 是 :[ Literal “Lt_Sex” ] 





图 4-5 运行 结果 图 图 4-6 第 二 个 页 面 设计 图 
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(5) 在 Eg4_4_1. aspx 页 面 中 添加 按钮 “Url 方 法 传 参数 ”事件 代码 如 下 : 


protected void Button2 Click(object sender, EventArgs e) 
{ 
string myName=Name.Text; 
string myAge=Age.Text; 
string mySex=Sex.SelectedValue; 
Response.Redirect ("~/Eg4 4 2.aspx?name=" +myName +"&age=" +myAge +" 
&sex=" +mySex); 


b 


(6) Eg4 4_2.aspx 页 面 的 Page_Load 事件 中 ,添加 如 下 代码 实现 读 取 URL 中 参数 
的 功能 。 


protected void Page Load(object sender, EventArgs e) 

{ 
Lt Name.Text=Request.QueryString["name"].ToString(); 
Lt Age.Text=Request.QueryString["age"] .ToString(); 
Lt Sex.Text=Request.QueryString["sex"] .ToString(); 

} 


(7) 从 Eg4_4_1.aspx 页 面 运行 ,输入 数据 , 单 击 按钮 并 查看 运行 结果 。 结 果 如 图 4-7 
所 示 。 


一 口 X 
人 @ htpyilocalhost2721P » © | @ localhd 






~ 

















姓名 ，| 天 黑 黑 您 的 年 龄 是 ，30 
年 龄 : B0 您 的 性 别 是 , 男 
性 别 : 勇 Y 























本 页 Form 方 法 传 参数 | |_UI 方 法 传 参数 




















4-7 ”URL 传 参数 运行 结果 


(8) 总 结 ,Form 方法 和 URL 方法 在 本 质 上 有 所 不 同 ,Form 采用 的 是 Post 方法 , 参 
数 隐 式 传递 ,较为 安全 ,但 是 需要 JavaScript 程序 的 支持 ; URL 传递 参数 较为 简单 ,采用 
GET 方法 ,参数 在 URL 中 默认 以 明文 的 方式 显示 ,如果 传 递 的 值 少 且 安 全 性 要 求 不 高 ， 
URL 方式 还 是 不 错 的 一 种 方法 。 如 果 用 户 不 想 使 用 URL 传 数据 而 且 也 不 想 进行 
JavaScript 编程 时 ,该 如 何 处 理 呢 , 可 以 用 到 后 续 章 节 中 的 方法 或 对 象 实现 。 
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4.3 Server 对 象 


在 开发 ASP. NET 应 用 时 ,需要 对 服务 器 进行 必要 的 设置 ,如 服务 器 编码 方式 等 ; 
或 者 获取 服务 器 的 某 些 信息 ,如 服务 器 计算 机 名 、 页 面 超时 时 间 、 获 取 网 页 的 物理 路 径 
等 ,这 可 以 通过 Server 来 获取 服务 器 的 相关 信息 。Server 对 象 常用 属性 和 方法 如 表 4-3 
所 示 。 


表 4-3 Server 对 象 常用 属性 和 方法 表 














属性 /方法 说 有明 
MapPath 返回 与 Web 服务 器 上 的 指定 虚拟 路 径 相对 应 的 物理 文件 路 径 
ScriptTimeOut 获取 和 设置 请 求 超时 (以 秒 计 ) 
Execute 将 控制 传递 给 子 页 面 ,执行 之 后 将 返回 到 父 页 面 
Transfer 重 定向 到 一 个 新 页 面 





HtmlDecode 对 已 被 编 码 的 字符 串 进行 解码 

HtmlEncode 对 要 在 浏览 器 中 显示 的 HTML 字符 串 进行 编码 

UrlDecode 对 字符 串 进行 解码 ,以 便于 进行 HTTP 传输 ,并 在 URL 中 发 送 到 服务 器 
UrlEncode 编码 字符 串 , 以 便 通过 URL 从 Web 服务 器 到 客户 端 进行 可 靠 的 HTTP 传输 














实例 4-5 ”多 种 重 定向 方法 综合 实例 。 
要 实现 网 页 重 定向 的 方法 有 多 种 ,很 多 初学 者 在 这 里 会 感到 很 迷惑 ,在 讲解 具体 实例 
之 前 , 先 来 看 一 下 具体 有 了 哪 几 种 重 定向 方法 ,以 及 它们 的 区 别 。 

。 重 定向 方法 主要 有 按钮 的 PostBackUrl 属性 、Response. Redirect ( )、Server. 
Execute() 和 Server. Transfer()。 下 面 将 介绍 这 4 种 方法 的 区 别 。 

按钮 的 PostBackUrl 属性 简单 有 效 , 只 限于 在 程序 运行 前 设置 跳 转 路 径 , 如 果 需 要 程 
序 运行 时 动态 跳 转 ,就 不 方便 使 用 了 。 

。 Response. Redirect() 方 法 实现 的 重 定向 实际 发 生 在 客户 端 ,可 从 浏览 器 地 址 栏 中 
看 到 地 址 变化 ,该 方法 后 面 的 程序 代码 不 再 执行 。 该 方法 是 最 常 使 用 的 一 种 跳 转 
方法 。 

。 Server. Execute() 方 法 实现 的 重 定向 实际 发 生 在 服务 器 端 ,在 浏览 器 的 地 址 栏 中 
看 不 到 地 址 变化 ;而 且 该 方法 执行 完 新 网 页 功能 后 ,会 返回 原 网 页 继续 执行 程序 
代码 。 

。 Server. Transfer() 方 法 与 Server.Execute() 一 样 ,也 是 发 生 在 服务 器 端 ,看 不 到 
地 址 栏 的 变化 ,但 不 同 的 是 执行 完 新 网 页 后 ,并 不 返回 原 网 页 。 

。 Redirect() 方 法 可 重 定向 到 同一 网 站 的 不 同 网 页 ,也 可 重 定向 到 其 他 网 站 的 网 页 ; 
而 Execute() 和 Transfer() 方 法 只 能 重 定向 到 同一 网 站 的 不 同 网 页 。 

下 面 通过 实例 来 认识 它们 的 区 别 。 


(1) 新 建 两 个 Web 窗 体 ,分 别 命名 为 Eg4_5_1. 
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aspxX 和 Eg4 5 2.aspx。 在 Eg4_5_1.aspx 页面 中 放置 
4 个 按钮 ,分 别 命 名 为 btnPostBackUrl、btnRedirect、 
btnExecute 和 btnTransfer。 用 于 测试 4 种 不 同 跳 转 
功能 ,设计 如 图 4-8 所 示 ; 在 Eg4_5_2. aspx 页 面 中 输 
人 普通 文本 内 容 “ 欢 迎 您 的 到 来 ,我 是 跳 转 目 标 页 。”。 

(2) btnPostBackUrl 按钮 只 需 在 属性 面板 中 设置 
PostBackUrl 属性 为 “~/Eg4_5_2. aspx” 即 可 ,另外 三 
个 按钮 添加 Click 事件 代码 如 下 : 








口 X 


ES 碟 http://localhost2721 DP - 上 





4-8 页 面 设计 


protected void btnRedirect Click(object sender, EventArgs e) 


{ 


Response.Redirect ("~/Eg4 5 2.aspx") 
| 


protected void btnExecute Click (object sender, EventArgs e) 


& 


Server.Execute ("~/Eg4 5 2.aspx"); 
! 


protected void btnTransfer Click(object sender, EventArgs e) 


{ 


Server.Transfer ("~/Eg4 5 2.aspx"); 
上 


(3) 运行 程序 ,前 两 个 按钮 结果 如 图 4-9、 第 三 个 按钮 结果 如 图 4-10、 第 四 个 按钮 结果 


如 图 4-11 所 示 。 





人 EE httpy//localhost27276/E94 5 2aspx | D> © | Blocalhost x| 


欢迎 您 的 到 来 ， 我 是 跳 转 目标 页 。 





图 4-9 PostBackUrl 和 Redirect() 方 法 运行 结果 





人 入 hapy/localhost27276/E94 5 1.aspx | PD» © | 居 localhost x 


欢迎 您 的 | 来， 我 是 中 村 目标 页 。 
PostBackUrl 属 性 就 转 























4-10 Execute() 方 法 执行 之 后 的 页 面 








@ S 碟 httpi//localhost27276/E94 5 laspx |D » © @localhost 


欢迎 您 的 到 来 ， 我 是 跳 转 目标 页 。 





4-11 Transfer() 方 法 执行 之 后 的 页 面 
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实例 4-6 跨 网 页 提交 。 

在 4.2 节 介绍 的 QueryString 方法 , 带 参数 可 以 实现 将 信息 传递 到 另 一 个 页 面 上 ,但 
如 果 用 户 不 想 通 过 URL 传 数据 并 且 不 想 进行 JavaScript 编程 时 ,该 如 何 处 理 这 样 的 跨 网 
页 提交 信息 呢 ? 本 实例 介绍 一 种 跨 页 方法 ,步骤 如 下 。 

(1) 新 建 两 个 Web 窗 体 页 面 ,分 别 命名 为 Eg4-6-1. aspx 和 Eg4-6-2. aspx, 作 为 信息 
源 网 页 和 信息 目标 网 页 。 

(2) 在 Eg4-6-1. aspx 源 网 页 中 ,设计 网 页 格式 如 图 4-12 所 示 ,按钮 可 采用 实例 4-5 
中 的 方法 实现 重 定向 (建议 采用 PostBackUrl 属性 或 Redirect 方法 设置 ) 。 

(3) 设计 Eg4-6-2. aspx 目标 网 页 如 图 4-13 所 示 , 另 外 在 HTML 页 面 头 部 添加 
PreviousPageType 指令 ,设置 VirtualPath 属性 为 源 页 面 路 径 ,代码 如 下 : 


<%@ PreviousPageType VirtualPath="~/Eg4-6-1.aspx" $> 

































































= 0 x 
© |@ rtp/ocahosta27 po » © | Giocath 
请 输入 信息 
姓名 ， 
年 龄 ， 
性 别 , 区 立 [ Literal “Lt_Name”] 您 好 ! 
您 的 年 龄 是 ，[ Literal “Lt_Age” ] 
En 您 的 性 别 是 ，[ Literal “Lt_Sex”] 
图 4-12 ”Eg4-6-1. aspx 页 面 设计 图 4-13 ”Eg4-6-2. aspx 页 面 设计 


(4) 从 目标 网 页 访问 源 网 页 中 的 数据 有 两 种 方法 : 一 是 利用 PreviousPage. 
FindControl() 方 法 访问 源 网 页 上 的 控件 ;二 是 先 在 源 网 页 上 定义 公共 属性 ,再 在 目标 网 
页 上 利用 “PreviousPage. 属性 名 ”获取 源 网 页 中 的 数据 。 这 里 使 用 FindControl 的 方法 获 
取 , 有 兴趣 的 读者 可 以 结合 第 2 章 知识 点 ,使 用 公共 属性 的 方法 来 获取 。 

(5) 在 Eg4-6-2. aspx 页 面 的 Page-Load 事件 中 ,利用 PreviousPage. FindControl() 
方法 获取 Eg4-6-1. aspx 页 面 数 据 ,代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 

{ 
// 通 过 FindContro1l 方法 找到 源 网 页 控件 ,并 保存 在 相同 类 型 的 临时 类 对 象 实例 中 
TextBox myName= (TextBox) PreviousPage.FindControl ("Name"); 
TextBox myAge= (TextBox)PreviousPage.FindControl ("Age"); 
DropDownList mySex= (DropDownList)PreviousPage.FindControl ("Sex"); 


Lt Name.Text=myName.Text; 
Lt Age.Text=myAge.Text; 
Lt Sex.Text=mySex.SelectedValue; 
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(6) 运行 程序 ,结果 如 图 4-14 所 示 。 



























































Bo x - 0 x 
碟 http://localhost27271 DC | 鲁 localhd @ @ http://localhost2727 PD » © | @ localhd 

请 输入 信息 : 白天 不 避 夜 的 黑 您 好 ! 
姓名 ，| 白 天 不 信友 的 黑 您 的 年 龄 是 ，25 
年 龄 , [25 您 的 性 别 是 ; 女 
性 别 , [ 女 v 

跨 页 传 数据 

图 4-14 运行 结果 图 


注意 : 在 第 一 步 实 现 重 定向 时 ,如 果 采 用 的 是 Server 的 两 种 方法 , 即 Server, Execute() 
或 Server. Transfer() 方 法 时 ,目标 网 页 也 是 通过 PreviousPage 访问 源 网 页 。 那 么 ,如 何 
区 分 是 跨 网 页 提交 ,还 是 调用 了 Server, Execute() 或 Server. Transfer() 方 法 呢 ? 这 就 需 
要 在 目标 网 页 的 .cs 文件 增加 判断 语句 if(PreviousPage. IsCrossPagePostBack) 。 如 果 是 
跨 网 页 提交 ,那么 属性 值 为 true, 否 则 ,为 false。 


4.4 ”Cookie 对象 


Cookie 实际 上 是 Web 页 面 放置 在 硬盘 上 的 一 个 文本 文件 ,用 来 存放 如 站 点 、 客 户 、 
会 话 等 有 关 的 信息 ,不 能 作为 代码 执行 ,也 不 会 传送 病毒 ,而 且 大 多 数 经 过 了 加 密 处 理 。 
Cookie 文本 文件 存储 位 置 根据 操作 系统 的 不 同 而 不 同 。 当 用 户 访问 不 同 站 点 时 ,各 个 站 
点 都 可 能 会 向 用 户 的 浏览 器 发 送 一 个 Cookie, 浏 览 器 会 分 别 存 储 所 有 的 Cookie。 注 意 : 
Cookie 与 网 站 关联 ,而 不 与 特定 的 网 页 关联 ,而 且 只 能 保存 字符 串 类 型 的 数据 ,生命 周期 
最 长 为 50 年 。 

Cookie 有 两 个 常用 的 属性 , 即 Value 和 Expires。 属 性 Value 用 于 获取 或 设置 
Cookie 值 ,Expires 用 于 设置 Cookie 到 期 时 间 。 每 个 Cookie 一 般 都 会 有 一 个 有 效 期 限 ， 
当 用 户 访问 网 站 时 ,浏览 器 会 自动 删除 过 期 的 Cookie。 没 有 设置 有 效 期 的 Cookie 将 不 会 
保存 到 硬盘 文件 中 ,而 是 作为 用 户 会 话 信息 的 一 部 分 , 当 用 户 关闭 浏览 器 时 ,Cookie 就 会 
被 丢弃 。 这 种 类 型 的 Cookie 很 适合 用 来 保存 只 需 短 时 间 存储 的 信息 ,或 者 保存 由 于 安全 
原因 不 应 写 人 客户 端 硬 盘 文件 的 信息 。 

Cookie 的 创建 需要 用 到 Response 对 象 ,获取 用 到 Request 对 象 。 创 建 方法 有 两 种 : 

(1) 使 用 Response. Cookies 数据 集合 建立 Cookie。 


Response .Cookies ["Name"] . Expires=DateTime .Now.AddDays (1); 


(2) 先 创 建 HttpCookie 对 象 ,设置 其 属性 ,然后 通过 Response. Cookies. Add() 方 法 
添加 。 
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使 用 Request. Cookies 数据 集合 获取 Cookie 值 


实例 4-7 Cookie 应 用 。 

本 实例 主要 实现 利用 Cookie 确认 用 户 是 否 已 登录 ,只 有 在 用 户 登 录 后 才能 显示 相关 
页 面 内 容 。 具 体 步骤 如 下 ， 

(1) 新 建 一 个 登录 窗 体 页 面 Eg4_7_login. aspx, 设 计 如 图 4-15 所 示 。 给 "登录 "按钮 
增加 事件 代码 如 下 ， 


二 .在 
Bhp/locahost2727 PD - © | 人 ec 








图 4-15 登录 页 设计 效果 图 


(2) 再 新 建 一 个 Web 窗 体 页 面 ,命名 为 Eg4_7, 在 该 页 面 内 放置 一 个 Label 控件 , 命 
名 为 blMsg,Page_Load() 事 件 代码 如 下 : 
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Response.Redirect ("Eg4 7 login.aspx"); 
} 


(3) 测试 时 可 先 浏览 Eg4_7. aspx, 此 时 因 无 用 户 名 Cookie 信息 ,页 面 重 定向 到 登录 
页 面 Eg4_7_login. aspx, 输 入 用 户 名 , 单 击 “登录 ”按钮 将 用 户 名 信息 存 人 Cookie。 关 闭 
浏览 器 。 再 次 浏览 Eg4_7. aspx 也 可 看 到 欢迎 信息 。 


4.5 Session 对 象 


在 ASP.NET 应 用 程序 中 ,每 一 个 用 户 访问 服务 器 时 ,将 与 服务 器 建立 一 个 具有 唯 
一 标识 的 会 话 (Session), 又 称 会 话 状态 ,典型 的 应 用 有 储存 用 户 信息 、 多 网 页 间 信 息 传 
递 ,购物 车 等 。Session 对 象 为 每 一 个 用 户 单独 使 用 ,为 用 户 私有 ,以 用 户 对 网 站 的 最 后 一 
次 访问 开始 计时 , 当 计时 达到 会 话 设 定时 间 并 且 期 间 没 有 访问 操作 时 , 则 会 话 自动 结束 。 
如 果 同 一 个 用 户 在 浏览 期 间 关闭 浏览 器 后 再 访问 同一 个 网 页 ,服务 器 会 为 该 用 户 产生 新 
的 Session,ASP. NET 用 一 个 唯一 的 Session ID 来 标识 每 一 个 会 话 。 因 此 , 往 Session 对 
象 中 添加 数据 ,或 从 Session 对 象 中 获取 数据 时 ,不 需要 加 锁 机 制 。 

Session 常用 属性 TimeOut 用 来 获取 或 设置 会 话 状态 持续 时 间 ,单位 为 分 钟 ,默认 时 
间 为 20 分 钟 。 

Session 常用 事件 为 Session_Start 事件 和 Session_End 事件 。 这 两 个 事件 相应 的 事 
件 代码 包含 于 Global. asax 文件 中 。web. config 中 SessionState 元 素 的 mode 属性 共有 
Off、InProc、StateServer、SQLServer 和 Custom 共 5 个 枚 举 值 供 选择 ,分 别 代 表 禁 用 、 进 
程 内 \ 独 立 的 状态 服务 ,SQLServer 和 自 定义 数据 存储 。 其 中 只 有 在 web. config 文件 中 
的 sessionstate 模式 设置 为 InProc 时 , 才 会 引发 Session_End 事件 。 如 果 会 话 模式 设置 
为 StateServer 或 SQLServer, 则 不 会 引发 该 事件 。 而 在 实际 工程 项 目 中 , 一般 选 择 
StateServer, 此 外 ,大 型 网 站 常 选用 SQLServer, 所 以 一 般 Session_End 事件 很 少 涉及 。 

Session 的 创建 和 获取 非常 简单 ,直接 命名 即 可 使 用 ,例如 语句 ， 


Session["Name"]=" 张 三 "; 


Labell.Text=Session["Name"]; 


注意 : Session 使 用 的 名 称 不 区 分 大 小 写 , 因 此 不 要 用 大 小 写 区 分 不 同 变量 。 

实例 4-8 ”Session 对 象 。 

在 Web 系统 中 ,必须 保证 用 户 在 不 登录 的 情况 下 ,直接 在 浏览 器 中 输入 URL 即 可 进 
人 ,这 时 就 需要 在 每 个 网 页 中 进行 身份 验证 。 类 似 于 实例 4-7, 将 Cookie 对 象 改 成 
Session ,同样 可 以 使 用 。 下 面 的 示例 使 用 Session 来 完成 这 个 功能 。 

(1) 设计 页 面 同 Eg4_7_login. aspx 页 面 。 

(2)“ 登 录 ?按钮 事件 修改 代码 如 下 。 
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protected void btnSubmit Click (object sender, EventArgs e) 
{ 
// 从 页 面 上 获取 用 户 输入 
string strUserName=txtUserName.Text; 
string strPassword=txtPassword.Text; 
Session["user"]=strUserName; 
Response.Redirect ("Eg4 7.aspx"); 
} 


(3) Eg4_7.aspx 页 面 的 Page_Load 事件 代码 修改 如 下 : 


protected void Page Load(object sender, EventArgs e) 
{ 
if(Session.Contents["user"]==null) 
Response.Redirect ("Eg4 7 login.aspx"); 
else 
Response.Write (Session ["user"] .ToString()+", 欢 迎 你 进入 系统 1"); 
} 


(4) 无 论 从 哪 一 页 启动 程序 ,都 出 现 登录 页 面 ,输入 用 户 名 和 密码 ,然后 单 击 “ 登 录 ” 
按钮 ,将 进入 内 容 页 。 


4.6 Application 对 象 


用 户 在 使 用 ASP. NET 开发 Web 系统 时 ,会 在 多 个 页 面 间 浏 览 ,可 能 需要 共享 某 些 
数据 ,如 用 户 登 录 信息 、 数 据 库 连接 字符 串 等 。 浏 览 器 是 没有 办 法 存储 数据 的 ,因此 需要 
使 用 某 些 特殊 对 象 来 实现 系统 的 数据 共享 。Application 对 象 和 Session 对 象 一 般 用 于 保 
存 这 些 数据 ,不 同 的 是 Application 对 象 用 来 实现 程序 级 别 的 数据 共享 ,用 于 存放 所 有 用 
户 的 信息 ,而 Session 对 象 则 用 来 实现 会 话 级 别 的 共享 。 例 如 ,需要 设置 一 个 计数 器 来 统 
计 访问 用 户 ;或 者 在 程序 开始 和 结束 时 记录 时 间 , 以 计算 系统 的 运行 时 间 , 这 些 都 可 以 使 
用 Application 对 象 来 实现 。 而 属于 不 同 用 户 各 自 的 数据 , 璧 如 购物 车 信息 ,账户 信息 等 
需要 使 用 Session 对 象 存储 。 

Application 对 象 的 生命 周期 起 始 于 网 站 开始 运行 时 ,终止 于 网 站 关闭 。 由 于 
Application 是 面 对 所 有 用 户 的 , 所 以 当 要 修改 Application 状态 值 时 , 要 调用 
Application. Lock() 方 法 锁定 , 值 修改 后 再 调用 Application. UnLock() 方 法 解除 锁定 。 
例如 : 
































Rpplication.Lock (); 
Application["Count"]= (int)Application["Count"] +1; 
Application.UnLock(); 


与 Application 相关 的 事件 主要 有 Application_Start、Application_End、 Application_ 
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Error 等 3 个 事件 ,与 Session 类 似 ,这 些 事件 代码 都 存放 于 Global. aspx 文件 中 。 

实例 4-9 Application 和 Session 实现 网 页 聊天 室 (1)。 

聊天 室 中 涉及 的 数据 主要 分 为 两 大 类 ,一 种 是 用 户 个 人 信息 ,譬如 用 户 名 和 密码 ; 另 
一 种 就 是 聊天 记录 ,使 所 有 用 户 都 能 看 到 的 信息 。 这 样 就 需要 用 到 Session 和 
Application 对 象 。 

在 实例 涉及 的 细节 较 多 ,需要 考虑 的 主要 体现 在 以 下 几 点 : 

。 在 没有 数据 库 保存 用 户 密码 信息 的 情况 下 ,如 何 验证 合法 用 户 ? 

。 不 同 用 户 在 不 同时 间 进 入 聊天 室 , 各 自发 言 ,大 家 都 能 看 到 ,信息 应 当 保存 在 


哪里 ? 


。 信息 应 当 是 动态 更 新 的 ,如 何 实现 页 面 信息 实时 更 新 ? 
。 页面 信息 实时 更 新 意味 着 页 面 要 刷新 ,用 户 发 言 时 ,页 面 的 刷新 会 重 置 文本 框 ,如 


何 保证 用 户 能 正常 发 言 ? 


读者 可 以 先 考虑 以 上 几 个 问题 的 解决 办 法 ,然后 再 看 下 面 实现 的 步骤 。 


基于 主要 问题 , 即 信息 刷 新 而 不 影响 用 户 发 言 问题 的 考虑 ,需要 将 显示 聊天 部 分 与 用 





户 发 言 部 分 实现 刷新 不 同步 ,内 容 呈 现 却 在 一 个 页 面 ,可 以 采用 两 种 方法 实现 : 框架 式 页 
面 和 AJAX 局 部 刷新 技术 来 实现 。 首 先 采用 框架 式 方法 实现 ,步骤 如 下 : 
(1) 新 建 四 个 页 面 ,登录 页 Login. aspx\ 显 示 聊天 信 


息 页 Message. aspx, 发 言 页 Send. aspx 页 和 合成 聊天 发 密 码 , 
言 页 Chat. aspx。 
(2) 首先 设计 登录 Login. aspx 页 ,设计 如 图 4-16 


[Labell] 
4-16 登录 页 设计 效果 图 


(3) “登录 ”按钮 btnLogin 功能 主要 解决 没有 数据 库 的 前 提 下 ,采用 数组 的 方式 保存 
用 户 信息 ,事件 代码 如 下 : 


protected void btnLogin Click(object sender, EventArgs e) 


i 


string[,] chatUser={ { " 李 雷 ", "1ilei" }，{ " 韩 梅 梅 "，"hanmeimei" } }; 
for (int i=0; i<2; i++) 
{ 
if (Name.Text==chatUser[i, 0] && Pwd.Text==chatUser[i, 1]) 
{ 
Session["user"]=Name.Text; 


Response.Redirect ("Chat .aspx"); 


} 


Error.Text=" 用 户 名 或 密码 错误 "; 
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(4) 为 了 保存 聊天 信息 ,让 所 有 的 用 户 可 见 ,需要 创建 Application 对 象 。 在 “解决 方 
案 资源 管理 器 ” 根 路 径 下 增加 Global, aspx 全 局 应 用 程序 ,注意 该 文件 只 能 添加 一 个 ,并 
且 文件 名 不 能 修改 。 在 该 文件 中 增加 Application_Start 事件 ,代码 如 下 : 


Application["message"]=""; 


(5) 将 Message. aspx 页 和 Send. aspx 页 合成 一 个 框架 页 Chat. aspx。 在 Chat. aspx 
的 HTML 代码 中 增加 以 下 代码 : 


<frameset rows="60%,40%"> 
<frame src="Message.aspx"></frame> 


<frame src="Send.aspx"></frame> 


(6) 在 信息 展示 页 Message. aspx 中 ,放置 一 个 Label 控件 ,命名 为 lblMessage; 在 该 
页 的 HTML 的 <head> 标 签 中 增加 刷新 代码 如 下 : 


<meta http-equiv="refresh" content="1" /> 


添加 Page_Load 事件 代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 
{ 

Labell.Text=Application["message"] .ToString(); 
} 




















(7) 在 发 送信 息 页 Send. aspx 中 ,添加 Label 控件 (UserName) ,用 于 显示 已 登录 用 
户 名 ;添加 多 行文 本 框 (myText) ,作为 用 户 发 言 区 ;添加 发 送 按 钮 (btnSend)。 设 计 页 面 
如 图 4-17 所 示 。 








图 4-17 发 送信 息 页 设计 图 


(8) 给 Send. aspx 页 添加 Page_Load 和 btnSend_Click 事件 ,代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 
UserName .Text=" 您 好 : "+Session["user"] .ToString(); 
if(!IsPostBack) 

L 
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Application["message"] +=Session["user"] +" 进 入 聊天 室 <br>"; 
1 
} 
protected void btnSend Click (object sender, EventArgs e) 
{ 
Application.Lock(); 
Application["message"] +=Session["user"] +" 说 :" +myText.Text +" 
"+DateTime .Now.ToShortTimeString () +"<br>"; 
Application.UnLock (); 
myText.Text=""; 
} 


(9) 打开 不 同 两 个 浏览 器 页 面 , 模 拟 两 个 用 户 登 录 。 运 行 结果 如 图 4-18 所 示 。 





一 口 X 
人 父 htpy/localhost2727 DC | 铬 localhost 


李 雷 进入 聊天 室 
Fad 第 一 次 来 到 此 宝地 。 18:49 


韩 梅 梅 进 
韩 梅 梅 说 : Ny 我 是 韩 梅 梅 18:50 
李 雷 说 欢迎 韩 梅 梅 18:50 
李 雷 说 :你 是 帅哥 还 没 美女 18:51 
韩 梅 梅 说 :当然 是 美女 了 ， 名 字 都 看 出 来 了 。 18:51 


哈哈 ， 此 地 执 少 美女 ， 热 到 欢迎 | 























图 4-18 运行 结果 图 


实例 4-10 Application 和 Session 实现 网 页 聊天 室 (2) 。 

实例 4-9 通过 框架 实现 了 聊天 室 , 这 种 方法 会 存在 一 些 丙 端 , 辟 如 页 面 代码 设计 
HTML 和 CS 两 部 分 ,一 个 框架 页 实际 需要 三 个 页 面 的 支持 ,设计 较为 复杂 ,不 容易 理 
解 ; 另 外 <<meta> 方 法 的 刷新 时 间 最 小 为 1 秒 ,会 有 延迟 的 感觉 ,而 且 部 分 浏览 器 刷新 还 
会 引起 闪烁 ,用 户 体验 非常 不 好 。 为 了 解决 框架 的 不 足 , 具 体 步 又 如 下 : 

(1) 设计 登录 页 , 同 实例 4-9 步 又 (2) 和 (3)。 

(2) 增加 Global. aspx 文 件 同 实例 4-9 步骤 (4) 。 

(3) 设计 聊天 页 Chat. aspx。 添 加 一 个 工具 箱 “AJAX 扩展 ”选项 卡 中 的 
ScriptManager 控件 ,用 来 管理 AJAX 程序 控件 ; 添加 该 选项 卡 中 的 局 部 刷新 面板 
UpdatePanel, 在 UpdatePanel 中 添加 一 个 计时 器 控件 Timer, 设 置 Timer 控件 的 Interval 
属性 为 500 毫秒 ,继续 添加 一 个 Label 控件 ,命名 为 lblMessage, 用 于 显示 聊天 记录 。 继 
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续 添加 用 户 发 言 部 分 控件 , 同 实例 4-9 步骤 (7)。 设 计 效 果 如 图 4-19 所 示 。 








ScriptManager - ScriptManagerl | 
Timer -Timerl | 

Label 

Label 














图 4-19 Chat, aspx 设计 图 


(4) 给 Chat. aspx 页 面 添加 Page_Load 和 btnSend_Click 事件 ,主要 区 别 是 将 实例 4-9 
步骤 (6) 和 步骤 (8) 进 行 了 整合 ,代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 

{ 
UserName.Text=" 您 好 : " +Session["user"] .ToString(); 
Labell.Text=Application["message"] .ToString (); 
if(!IsPostBack) 


{ 
Application["message"] +=Session["user"] +" 进 入 聊天 室 <br>"; 


} 

protected void btnSend Click (object sender, EventArgs e) 
Application.Lock(); 
Application["message"] +=Session["user"] + "说 :" +myText .Text +" 
"+DateTime .Now.ToShortTimeString () +"<br>"; 
Application.UnLock (); 
myText .Text=""; 

1 


(5) 运行 结果 同 实例 4-9 运行 结果 。 使 用 AJAX 局 部 刷新 功能 简单 有 效 ,不 仅 解决 
了 部 分 浏览 器 刷新 闪烁 问题 ,而 且 刷 新 时 间 更 加 精细 ,可 以 控制 在 毫秒 为 单位 。 更 多 
AJAX 技术 ,可 参考 第 5 音 。 


4.7 本 章 小 结 
本 章 介绍 了 6 个 最 常用 的 对 象 , 即 Response 对 象 、Request 对 象 、Server 对 象 


Cookies 对 象 .Session 对 象 和 Application 对 象 。Response 对 象 用 于 向 浏览 器 输出 信息 ， 
Request 对 象 用 于 获取 用 户 提交 的 信息 , Server 对 象 用 于 获取 服务 器 端的 相关 信息 ， 
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Cookies 对 象 用 于 在 客户 端 ( 即 浏览 器 ) 保 存 用 户 信息 ,Session 对 象 用 于 存储 用 户 的 非 公 
有 信息 ,而 Application 对 象 则 用 于 保存 所 用 用 户 的 共有 信息 。 


习 题 


1. 简 述 网 页 重 定 向 的 方法 有 哪 几 种 ? 阐述 它们 的 区 别 。 

2. 简 述 Cookie 和 Session 的 区 别 与 联系 。 

3. 简单 说 明 Session 状态 和 Application 状态 的 相同 处 和 不 同 之 处 。 
4. 使 用 公共 属性 方法 实现 跨 页 传递 数据 功能 。 


AJAX 技术 


5.1 概 述 


AJAX 全 称 为 "Asynchronous JavaScript and XML”( 异 步 JavaScript 和 XML) ,是 指 
一 种 用 于 创建 交互 式 网 页 应 用 的 网 页 开发 技术 ,也 是 一 种 运用 JavaScript 和 XML 语言 ， 
在 网 络 浏览 器 和 服务 器 之 间 传 送 或 接收 数据 的 技术 。 通 常 称 AJAX 页 面 为 无 刷新 Web 
页 面 。 

AJAX 并 没有 创造 出 某 种 具体 的 新 技术 , 它 使 用 的 所 有 技术 都 是 在 很 多 年 前 就 已 经 
存在 了 ,然而 AJAX 以 一 种 办 新 的 方式 来 使 用 所 有 这 些 技术 ,使 得 古老 的 B/S 方式 的 
Web 开发 焕发 了 新 的 活力 , 迎 来 了 第 二 个 春天 。 在 AJAX 技术 之 中 ,最 核心 的 技术 就 是 
XMLHttpRequest,XMLHttpRequest 可 以 在 不 重新 加 载 页 面 的 情况 下 更 新 网 页 , 即 实现 
了 布局 刷新 功能 。XMLHttpRequest 可 以 同步 或 异步 地 返回 Web 服务 器 的 响应 ,并 且 
能 够 以 文本 或 一 个 DOM 文档 的 形式 返回 内 容 ,这 是 AJAX 程序 架构 的 一 项 关键 功能 。 

与 传统 的 Web 开发 不 同 , 在 AJAX 应 用 中 ,每 个 页 面 都 包括 一 些 使 用 JavaScript 开 
发 的 AJAX 组 件 。 这 些 组 件 使 用 XMLHttpRequest 对 象 , 以 异步 的 方式 与 服务 器 通信 ， 
从 服务 器 获取 需要 的 数据 后 更 新 页 面 中 的 一 部 分 内 容 , 它 使 浏览 器 可 以 为 用 户 提供 更 为 
自然 的 浏览 体验 。 在 AJAX 之 前 , Web 站 点 强制 用 户 进 入 提交 /等 待 /重新 显示 范例 ,用 
户 的 动作 总 是 与 服务 器 的 “思考 时 间 ” 同 步 。 借 助 于 AJAX, 可 以 在 用 户 单 击 按钮 时 ,使 用 
JavaScript 和 DHTML 立即 更 新 用 户 界面 (UDD) ,并 向 服务 器 发 出 异步 请 求 ,以 执行 更 新 
或 查询 数据 库 。 当 请 求 返 回 时 ,就 可 以 使 用 JavaScript 和 CSS 来 相应 地 更 新 UI, 而 不 是 
刷新 整个 页 面 。 最 重要 的 是 ,用 户 甚至 不 知道 浏览 器 正在 与 服务 器 通信 。 

AJAX 应 用 与 传统 的 Web 应 用 的 区 别 主要 在 以 下 3 个 方面 。 

。 不 刷新 整个 页 面 ,实现 页 面 局 部 与 服务 器 端的 动态 交互 。 

。 使 用 异步 方式 与 服务 器 通信 ,不 需要 打 断 用 户 的 操作 ,具有 更 加 迅速 的 响应 能 力 。 

。 应 用 服务 仅 由 少量 页 面 组 成 。 大 部 分 交互 在 页 面 之 内 完成 ,不 需要 切换 整个 
页 面 。 

由 此 可 见 ,AJAX 使 得 Web 应 用 更 加 动态 ,具有 更 高 的 智能 ,并 且 提 供 了 表现 能 力 丰 
富 的 AJAX UI 组 件 。 目 前 AJAX 已 经 成 为 了 Web 应 用 的 主流 开发 技术 ,大 量 的 业界 巨 
头 已 经 采纳 并 且 在 大 力 推动 这 个 技术 的 发 展 ,其 中 非常 引 人 注 目的 如 Google 的 Google 
Maps 和 微软 的 Windows Live 等 。 由 于 AJAX 是 客户 端 技术 ,所 以 对 浏览 器 的 依赖 性 较 
大 ,用 户 使 用 老 旧 浏览 器 时 可 能 会 受 影响 ,使 用 时 需要 有 限 考虑 浏览 器 兼容 问题 。 
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到 这 里 ,读者 应 该 对 AJAX 有 一 个 总 体 印象 了 。 那 么 AJAX 具体 是 怎么 实现 的 呢 ? 

AJAX 的 工作 原理 相当 于 在 用 户 和 服务 器 之 间 加 了 一 个 中 间 层 即 AJAX 引擎 ,使 用 
户 请 求 与 服务 器 响应 异步 化 。 这 样 使 页 面 像 桌面 程序 一 样 不 必 每 次 都 刷新 ,也 不 用 每 次 
将 数据 处 理 的 工作 都 交 给 服务 器 去 做 ,而 是 把 以 前 的 一 些 服务 器 负担 的 工作 转交 给 客户 
端 ,利用 客户 端 闲置 的 处 理 能 力 来 处 理 ,减轻 服务 器 和 带宽 的 负担 。 简 而 言 之 ,就 是 通过 
XmlHttpRequest 让 客户 端 可 以 使 用 JavaScript 向 服务 器 提出 请 求 并 处 理 响应 ,而 不 阻塞 
用 户 。 

下 面 以 购物 车 为 例 ,展示 AJAX 是 如 何 减轻 服务 器 和 带宽 负担 的 。 

传统 Web 站 点 中 ,在 用 户 单 击 一 个 按钮 时 ,会 触发 一 个 页 面 回 送 效果 ,用 于 整个 页 面 
的 更 新 ,这 样 在 客户 端 与 服务 器 之 间 就 传输 了 整个 页 面 的 数据 。 假 如 用 户 需 要 的 只 是 更 
新 页 面 中 很 小 的 一 块 区 域 ,如 购物 车 中 的 账单 总 额 信息 ,上 面 的 机 制 显然 不 合适 ,尤其 是 
在 带宽 比较 小 或 服务 器 负载 比较 大 时 ,对 用 户 的 上 网 体验 有 很 大 的 影响 。 如 果 使 用 
AJAX 技术 ,上 面 的 问题 就 迎刃而解 了 。 用 户 将 需要 更 新 的 那 一 块 小 区 域 单独 拿 出 来 ,每 
次 单 击 按钮 时 ,不 再 产生 整个 页 面 的 回 送 ,而 仅仅 是 这 个 小 区 域 的 局 部 回 送 而 已 ,这 样 , 服 
务 器 就 不 必 处 理 整个 页 面 的 请 求 了 ,带宽 负载 也 由 上 百 千 字 节 降 到 几 千 字 节 而 已 ,由 此 可 
以 提供 响应 更 加 灵敏 的 UI, 并 消除 页 面 刷 新 所 带 来 的 闪烁 ,用 户 体验 可 见 一 斑 。 





5.2 AJAX 控件 


图 5-1 给 出 了 Visual Studio 工具 箱 中 的 AJAX 扩展 ,主要 包括 ScriptManager 
Timer、UpdatePanel 以 及 UpdateProgress 等 服务 器 端 控件 。 这 些 AJAX 控件 在 使 用 时 
与 其 他 ASP. NET 控件 一 样 方便 。 下 面 介 绍 这 些 控 件 及 其 





使 用 方法 。 找 计 
ScriptManager 
5.2.1 ScriptManager 控件 ny 
ScriptManager 控件 是 AJAX 功能 的 核心 ,是 客户 端 页 和 
面 和 服务 器 之 间 的 桥梁 。 它 用 来 处 理 页 面 上 的 所 有 组 件 以 A 
及 页 面 局 部 更 新 ,包括 将 Microsoft AJAX 库 的 JavaScript 服务 员 拉 和 


脚本 下 载 到 浏览 器 中 生成 相关 的 客户 端 代理 脚本 ,以 及 能 
够 在 JavaScript 中 访问 Web Service。 主 要 的 功能 如 下 。 

(1) 负责 自动 建立 客户 端 浏览 器 上 需要 的 AJAX Client-Script( 也 就 是 JavaScript 代 
码 ) ,并 且 针 对 页 面 上 需要 的 各 项 JavaScript 机 制 进行 处 理 。 

(2) ScriptManager 控件 对 于 整个 异步 Postback 有 着 决定 性 的 影响 ,配合 UpdatePanel 
提供 异步 Postback 的 能 力 , 并 且 “ 管 理 ” 异 步 Postback 的 进行 。 

(3) 让 开发 人 员 可 以 通过 前 端的 JavaScript 代码 来 调用 后 端的 Web Services ,提供 手 
动 的 AJAX 功能 。 

(4) 提供 Microsoft AJAX Library 中 的 Client-Script, 让 开发 人 员 可 以 简化 
JavaScript 的 撰写 ,并 且 扩 充 JavaScript 的 功能 。 
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因此 ,无 论 需要 何 种 AJAX 功能 ,都 需要 在 页 面 上 拖 趾 出 ScriptManager 控件 ,以 作 
为 一 切 的 基础 。 如 果 只 是 在 一 小 部 分 的 页 面 上 需要 AJAX 功能 ,那么 通常 可 以 将 
ScriptManager 控件 直接 放 到 内 容 页 中 , 如 果 在 整个 站 点 都 需要 AJAX, 那么 将 
ScriptManager 控件 放 到 母 版 页 中 是 一 个 理想 的 解决 方案 ,这 样 在 各 内 容 页 中 就 不 需要 
放置 ScriptManager 控件 了 。 但 需要 注意 的 是 ,所 有 需要 支持 AJAX 的 ASP. NET 页 面 
上 有 且 只 能 有 一 个 ScriptManager 控件 。 如 果 在 母 版 页 中 已 添加 了 ScriptManager 控件 ， 
则 在 内 容 页 中 就 不 能 再 添加 ScriptManager 控件 。 如 果 这 时 还 要 在 内 容 页 中 使 用 
ScriptManager 控件 的 其 他 功能 ,可 以 通过 添加 ScriptManagerProxy 控件 来 实现 。 

ScriptManager 控件 有 许多 属性 ,其 中 绝 大 部 分 用 于 高 级 场景 ,对 于 简单 应 用 来 说 ， 
不 需要 改变 ScriptManager 控件 的 任何 属性 ,但 是 在 面 对 复杂 的 、 更 加 丰富 的 应 用 时 ,就 
需要 更 改 相 关 的 属性 了 , 感 兴趣 的 读者 可 以 查阅 相关 资料 进一步 学 习 。 


5.2.2 ” UpdatePanel 控件 


UpdatePanel 控件 可 以 用 来 创建 丰富 的 局 部 更 新 的 Web 应 用 程序 。UpdatePanel 本 
身 是 一 个 容器 控件 ,控件 本 身 不 会 显示 任何 内 容 , 仅 相当 于 页 面 中 的 一 个 小 局 部 区 域 ,用 
于 实现 局 部 刷新 和 无 闪烁 页 面 。UpdatePanel 控件 的 使 用 可 以 大 大 减少 客户 端 脚 本 的 编 
写 工作 量 。 在 基本 的 应 用 程序 中 , 只 要 将 相关 控件 放 人 UpdatePanel 中 即 可 。 当 
UpdatePanel 控件 中 的 某 个 控件 产生 到 服务 器 端的 回 送 时 ,只 刷新 UpdatePanel 区 域 ,其 
外 的 页 面部 分 并 不 会 更 新 。 

实例 5-1 认识 局 部 刷新 。 

局 部 刷新 功能 在 第 4 章 的 实例 4-10 中 已 经 使 用 过 ,主要 使 用 UpdatePanel 控件 ,该 
控件 提供 了 一 个 范围 , 即 局 部 刷新 的 范围 。 将 需要 局 部 刷新 功能 部 分 放置 在 
UpdatePanel 范围 内 , 即 可 实现 局 部 刷新 功能 ,没有 放置 在 UpdatePanel 范围 内 的 控件 将 
会 引起 整个 页 面 刷新 。 下 面 通过 实例 进一步 理解 局 部 刷新 。 

(1) 新 建 一 个 Web 窗 体 ,页 面 添加 一 个 Button 控件 
(Button1) 和 一 个 Label 控件 (Labell) ,然后 在 AJAX 控件 
组 中 拖 取 一 个 ScriptManager 控件 和 一 个 UpdatePanel 控 
件 ,最 后 在 UpdatePanel 里 面 放 人 一 个 Button 控件 
(Button2) 和 一 个 Label 控件 (Label2) ,如 图 5-2 所 示 。 

(2) 添加 两 个 按钮 事件 ,代码 如 下 : 5-2 前 台 设计 图 

















页 面 刷新 Label 


ScriptManager - ScriptManager1 








protected void Button1l Click(object sender, EventArgs e) 
{ 

Labell.Text=DateTime.Now.ToLongTimeString(); 
} 
protected void Button2 Click(object sender, EventArgs e) 
{ 


第 5 章 AJAX 技 术 


Label2.Text=DateTime.Now.ToLongTimeString(); 
} 


(3) 运行 , 单 击 Buttonl 按钮 ,观察 浏览 器 ,可 以 看 到 整个 页 面 的 回 送 ; 单 击 Button2 
按钮 ,观察 浏览 器 ,看 不 到 整个 页 面 的 回 送 。 但 是 通过 时 间 的 改变 ,能 够 知道 Label2 所 在 
的 小 区 域 发 生 了 页 面 的 局 部 回 送 ,引起 Label2 的 数据 更 新 ,如 图 5-3 所 示 。 





- 0 x 
全 | 铺 http://localhost3267' PD » 0 | @ localhost 





页 面 刷新 13:59:55 


局 部 刷新 | 13:59:43 

















S-3 单 击 buttonl 的 结果 


(4) 看 到 这 里 ,有 些 读者 也 许 会 产生 疑问 ,因为 在 Button2_Click 事件 中 ,并 没有 改变 
Labell 显示 的 值 ,所 以 ,在 单 击 Button2 按钮 后 ,Labell 不 应 该 有 变化 ,也 就 不 足以 说 明 
只 有 UpdatePanel 里 面 的 内 容 进 行 了 局 部 刷新 。 下 面 继续 以 下 步 又。 

(5) 修改 Button2 按钮 事件 代码 ,增加 Labell 文本 赋值 语句 ,代码 如 下 : 


protected void Button2 Click (object sender, EventArgs e) 
{ 
Labell.Text=DateTime.Now.ToLongTimeString(); 
Label2.Text=DateTime.Now.ToLongTimeString(); 
} 


(6) 按 F5 键 运 行 , 单 击 Button2 按钮 ,我 们 会 发 现 ,只 有 局 部 范围 内 的 Label2 发 生 
了 改变 ,说 明 Button2 按钮 触发 的 页 面 回 送 只 是 局 部 的 ,并 不 是 整个 页 面 的 回 送 ,只 有 
UpdatePanel 控件 所 包含 的 区 域 进行 了 局 部 更 新 。 

至 此 ,似乎 可 以 得 到 结论 : UpdatePanel 控件 里 面 的 控件 如 果 能 引发 页 面 回 送 的 话 ， 
就 只 更 新 UpdatePanel 控件 区 域 ;UpdatePanel 控件 外 面 的 控件 如 果 引 发 页 面 回 送 的 话 ， 
UpdatePanel 控件 区 域 也 会 更 新 。 其 实 ,UpdatePanel 里 面 的 控件 也 可 以 引发 其 外 的 更 
新 ;同样 ,其 外 的 控件 也 可 以 只 引发 UpdatePanel 区 域 更 新 。 在 具体 讲解 前 , 先 看 一 看 
UpdatePanel 控件 主要 的 属性 ,如 图 5-4 所 示 。 

下 面 ,再 看 一 下 UpdatePanel 控件 的 默认 属性 。 从 工具 箱 中 拖 取 一 个 UpdatePanel 
控件 ,打开 UpdatePanel 的 属性 面板 ,如 图 5-5 所 示 。 

(1) ChildrenAsTriggers 属性 的 默认 值 是 True, 即 UpdatePanel 控件 内 部 的 子 控件 
引发 的 页 面 回 送 都 会 使 得 UpdatePanel 区 域 的 局 部 刷新 。 

(2) UpdateMode 属性 的 默认 值 是 Always, 即 页 面 上 任意 一 个 局 部 更 新 被 触发 ,此 
UpdatePanel 就 会 更 新 。 当 某 个 页 面 中 有 多 个 UpdatePanel 共存 时 ,由 于 UpdatePanel 的 
UpdateMode 属性 值 默 认为 Always, 所 以 页 面 上 如 果 有 一 个 局 部 更 新 被 触发 , 则 所 有 的 
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ChildrenksTriggsrs 应 用 于 Updatellode 属 性 为 Condi tional 时 ， 指 定 Updatepanel 中 的 子 控 








件 的 异步 回 送 是 否 会 引发 VpdatePsnle 的 更 新 
Renderllode 表示 WpdatePane] 最 终 呈 现 的 ITIL 元素。BLock (点 认 ) 表示 (div 
Imline 表 示人 span> 
Triggsrs 用 于 引起 更 新 的 事件 。 在 ASP. NET 人 和 x 中 有 两 种 触 发 器 ， 其 中 使 用 同 


步 名 发 器 (PestBackTrigger ) 只 需 指 定 某 个 服务 器 端 控件 即 可 ， 当 此 
控件 回 送 时 采用 传统 的 “PostBack” 机 制 整 页 回 送 ; 使 用 异步 触发 器 
《AsyncPostBackTrigger ) 则 需要 指定 某 个 服务 器 庙 控 件 的 ID 和 该 控 
件 的 某 个 服务 器 庙 事 件 
Updatellode 表示 WpdatePansl 的 更 新 模式 ， 有 两 个 选项 : Always 和 Conditionsl。 
如 ways 是 不 管 有 没有 Trigger， 其 他 控件 都 格 更 新 该 Updatepanel， 
Condi tional 表 示 只 有 当前 Updatepanel 的 Triggery 或 
ChildrenhsTrigsers 属 性 为 true 时 ， 当 前 UpdatePanel 中 控件 引发 的 异 
步 加 送 或 者 达 页 回 送 ， 或 是 服务 器 端 调用 Update 0 方法 才 会 引发 更 新 
该 updatepanel 








图 5-4 UpdatePanel 控件 属性 图 


UpdatePanel 都 将 更 新 。 这 也 许 与 设计 初衷 不 相 于 = 
符 , 所 以 为 了 避免 这 种 情况 ,可 以 把 UpdateMode 属 UpdatePanell System.Web.ULUpdatepanel 
性 设置 为 Conditional, 然后 为 每 个 UpdatePanel 设 ”| 园 包 昌 国峰 





置 专用 的 触发 器 。 i 
下 面 通过 示例 ,深入 讲解 UpdatePanel 的 各 种 ChildrenAsTriggers True 
ClientiDMode Inherit 
使 用 情况 。 EnableViewstate 。 Tme 
实例 5-2 ”内 部 子 控件 不 再 引发 UpdatePanel ee 
刷新 。 UpdateMode Always 


ViewStateMode Inherit 


(1) 添加 一 个 Web 窗 体 ,在 页 面 中 拖 放 一 个 | vsbe True 
ScriptManager 控件 和 一 个 UpdatePanel 控件 ,在 
UpdatePanel 中 放 入 一 个 Button 控件 (Button1) 和 
一 个 Label 控 件 (Labell), 并 将 UpdatePanel 控件 的 ChildrenAsTriggers 属性 设置 为 


False。 


(2) 双击 Buttonl ,进入 .cs 后 台 文件 ,代码 如 下 : 





图 5-5 UpdatePanel 属性 面板 默认 值 


protected void Button1l Click(object sender, EventArgs e) 
下 

Labell.Text=DateTime.Now.ToLongTimeString(); 
} 


(3) 按 F5 键 运行 ,结果 如 图 5-6 所 示 。 

(4) 将 UpdateMode 属性 值 更 改 为 Conditional ,运行 后 , 单 击 Buttonl 按钮 并 没有 显 
示 时 间 。 通 过 设置 断 点 进行 调试 ,可 以 知道 事件 代码 语句 确实 运行 了 ,如 图 5-7 所 示 , 说 
明 此 时 UpdatePanel 内 部 子 控件 没有 引发 局 部 刷新 。 
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同 辕 htpyealhosta2675E95 -6 你 爆 UpdateMode - x 





/应 用 程序 中 的 服务 器 错误 。 


她 园 UpdateMode 挛 UpdatePanel"UpdatePanel1” 上 讼 外 为 
Always， 风 无 涯 粮 ChildrenAsTriggers 旋 寺 为 局/se。 


说 朋 : 执行 当前 Web 请 求 期间 ,出现 未 和 处理 的 异常 ， 请 检 二 汉 校 兴 信息 ， 以 了 入 有 关 沪 撕 训 久 及 代 到 中 导 尖 江 的 





图 5-6 运行 结果 图 





TT 引用 
protected void Buttonl_Click (object sender, Eventhres e) 


baball. Text = DateTine. Now. ToLoneTineString () 








图 5-7 设 断 点 运行 图 


(5) 将 ChildrenAsTriggers 属性 重新 设置 为 True, 按 F5 键 运行 , 单 击 Buttonl 按钮 ， 
如 图 5-8 所 示 ,说 明 此 时 UpdatePanel 局 部 刷新 了 。 


DG hp//ocalhost3267, D » © | Elocalhost 


14:40:41 





图 5-8 运行 结果 图 


(6) 结论 : 无论 UpdateMode 属性 值 设置 为 Always 还 是 Conditional, 触发 
UpdatePanel 局 部 刷新 时 需要 将 ChildrenAsTriggers 属性 设置 为 True。 
实例 5-3 ”页 面 内 多 个 UpdatePanel, 各自 实现 局 部 


忆 | 新 ScriptManager - ScriptManager1 
(1) 添加 Web 窗 体 ,在 页 面 中 拖 放 一 个 ScriptManager Button Labell 
控件 和 两 个 UpdatePanel 控件 ,在 每 个 UpdatePanel 中 各 放 | Bos ee 
人 一 个 Button 控件 和 一 个 Label 控件 ,保持 UpdatePanel 
的 默认 属性 ,如 图 5-9 所 示 。 
(2) 添加 两 个 按钮 事件 代码 ,代码 如 下 : 





图 5-9 前 台 设 计 


Protected void Buttonl Click(object sender, EventArgs e) 
{ 
Labell.Text=DateTime.Now.ToLongTimeString(); 


Label2.Text=DateTime.Now.ToLongTimeString(); 


内 
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protected void Button2 Click(object sender, EventArgs e) 
{ 
Labell.Text=DateTime.Now.ToLongTimeString(); 
Label2.Text=DateTime.Now.ToLongTimeString(); 
} 


(3) 按 F5 键 运行 ,无 论 单 击 Buttonl 或 者 Button2 按钮 ,两 个 Label 都 会 刷新 时 间 ， 
结果 如 图 5-10 所 示 。 
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图 5-10 默认 属性 下 运行 结果 


这 是 什么 原因 呢 ? 这 是 由 于 UpdateMode 属性 默认 值 是 Always。 因 此 ,凡是 能 引发 
页 面 回 送 的 操作 都 会 引发 UpdateMode 属性 是 Always 的 UpdatePanel 的 局 部 刷新 。 

(4) 将 两 个 UpdatePanel 的 UpdateMode 属性 值 都 设置 为 Conditional 时 , 按 F5 键 
运行 。 单 击 Buttonl 按钮 或 者 Button2 按钮 时 ,就 只 会 刷新 各 自 所 在 UpdatePanel 的 时 
间 了 。 

默认 情况 下 ,用户 总 会 在 各 自 UpdatePanel 内 放置 按钮 ,这 样 的 结果 就 是 ， 

。 当 UpdateMode 属性 值 为 Always 时 ,任何 一 个 UpdatePanel 内 部 的 任何 变化 都 

会 引发 其 他 UpdatePanel 更 新 ; 

。 UpdateMode 属性 值 设置 为 Conditional ,分 别 引发 各 自 的 UpdatePanel 的 刷新 。 

其 实 , 当 UpdateMode 属性 值 设 置 为 Conditional 时 ,可 以 设置 UpdatePanel 外 部 控 
件 作为 触发 器 ,也 可 以 在 其 他 UpdatePanel 的 内 部 设置 子 控件 作为 触发 器 ,甚至 某 个 内 部 
子 控件 都 可 以 引发 整个 页 面 的 刷新 ,具体 使 用 方法 通过 一 个 实例 来 认识 。 

实例 5-4 ”Conditional 前 提 下 引发 的 刷新 。 

(1) 添加 一 个 Web 窗 体 ,在 页 面 中 拖 放 一 个 ScriptManager 控件 ,设置 前 台 页 面 如 图 5-11 
所 示 。 

(2) 首先 添加 “外 部 控件 引发 局 部 刷新 功能 ”中 的 按钮 (Button1) 事 件 代码 ,代码 
如 下 : 


protected void Buttonl Click(object sender, EventArgs e) 
w 
Labell.Text=DateTime.Now.ToLongTimeString(); 
Label2.Text=DateTime.Now.ToLongTimestring(); 





ScriptManager - ScriptManagerl | 


1、 外 部 控件 引发 局 部 局 部 刷新 功能 
[ttonl | Labell 


Label2 
2、 其 他 内 部 控件 引发 局 部 刷新 功能 


Dutt on Label3 
Buttond | Label4 


3、 内 部 了 控件 引发 页 面 刷 新 功能 


Buttont | Labeld| 





图 5-11 前 台 设计 图 
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(3) 首次 运行 , 单 击 Buttonl 按钮 ,可 以 看 到 UpdatePanel 内 外 的 Label 控件 都 刷新 


了 ,事件 保持 一 致 ,并 且 整 个 页 面 都 回 送 了 ,这 是 因为 Buttonl 在 UpdatePanel 外 部 ,会 引 
发 整个 页 面 的 回 送 更 新 。 结 果 如 图 5-12 所 示 。 


1 、 外 部 控件 引发 局 部 局 部 刷新 功能 





Buton1 | 15:19:20 
15:19:20 











x 








5-12 默认 属性 下 运行 结果 


(4) 继续 将 UpdateMode 属性 设置 为 Conditional, 运行 结果 基本 相同 。 说 明 


UpdatePanel 外 部 控件 造成 的 页 面 回 送 是 整个 页 面 范围 的 ,包括 UpdatePanel 区 域 。 那 
么 有 没有 一 种 方法 可 以 做 到 UpdatePanel 外 部 的 控件 只 引发 UpdatePanel 区 域 的 局 部 刷 
新 ,而 不 造成 整个 页 面 的 回 送 呢 ? 有 的 ,使 用 UpdatePanel 的 Triggers 属性 。 


(5) 打开 UpdatePanell 的 属性 面板 , 单 击 Triggers 集合 。 在 打开 的 编辑 器 中 , 单 击 


“添加 ?右边 的 小 三 角 ,选择 AsyncPostBackTrigger( 一 个 UpdatePanel 可 以 添加 多 个 触发 
器 ) ,在 绑 定 到 触发 器 的 ControlID 中 选择 Button1,EventName 选择 Click, 最 后 单 击 “ 确 
定 ” 按 钮 ,如 图 5-13 所 示 。 


(6) 按 F5 键 运行 , 单 击 Buttonl 按钮 ,结果 如 图 5-14 所 示 , 只 有 UpdatePanel 刷 
新 了 。 
(7) 现在 添加 “其 他 内 部 控件 引发 局 部 刷新 功能 ”按钮 事件 ,代码 如 下 : 
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TU Ex 





成 员 (M): AsyncpostBack Button1.Click 尾 性 p): 
oF 





























EventName 
ED Me 对 
AsyncpostBackTrigger 


postBackTrigger | 确证 取消 
































图 5-13 Trigger 编辑 器 集合 
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1、 外 部 控件 引发 局 部 局 部 刷新 功能 
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5-14 ”异步 回 送 触发 器 下 运行 结果 


protected void Button2 Click (object sender, EventArgs e) 
Label3.Text=DateTime.Now.ToLongTimeString(); 
Label4.Text=DateTime.Now.ToLongTimeString(); 


protected void Button3 Click (object sender, EventArgs e) 
| 
Label3.Text=DateTime.Now.ToLongTimeString(); 
Label4.Text=DateTime.Now.ToLongTimeString(); 
} 


(8) 根据 之 前 步骤 的 讲解 ,给 UpdatePanel2 和 UpdatePanel3 分 别 设置 属性 值 : 
ChildrenAsTriggers= false, UpdateMode = Conditional, Triggers 设置 为 需要 的 按钮 
事件 。 

(9) 按 F5 键 运行 , 单 击 Button2 按钮 ,会 引发 UpdatePanel3 区 域 的 局 部 刷新 ,同样 ， 
单 击 Button3 按钮 ,会 引发 UpdatePanel2 区 域 的 局 部 刷新 。 这 样 就 实现 了 内 部 子 控件 控 
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制 其 他 区 域 的 局 部 刷新 功能 。 
(10) 最 后 添加 “内 部 子 控件 引发 页 面 刷新 功能 ”按钮 事件 代码 ,代码 如 下 : 


protected void Button4 Click(object sender, EventArgs e) 
{ 
Label5.Text=DateTime.Now.ToLongTimeString (); 


Label6.Text=DateTime.Now.ToLongTimeString(); 
} 


(11) Triggers 属性 可 以 添加 两 种 属性 值 ,异步 可 以 理解 为 局 部 刷新 ,同步 可 以 理解 
为 页 面 刷新 。 这 里 实现 UpdatePanel4 内 的 子 按钮 引发 整个 页 面 刷新 ,只 需要 给 该 按钮 添 
加 同步 回 送 触发 器 PostBackTrigger 即 可 ,设置 如 图 5-15 所 示 ,运行 程序 ,可 看 到 Label5 
和 Label6 都 显示 相同 的 时 间 , 说 明 整 个 页 面 刷新 了 ,如 图 5-16 所 示 。 




















UpdatepanelTrigger 集合 编辑 器 
成 员 (M): PostBack: Button4 属性 (p); 
国 国 %|x 
IY 入 
入 | ControllD Button4 
ControllD 
触发 器 的 目标 控件 ID，。 
添加 (A) 移 除 Q) 
Lm |] w 
LE 











图 5-15 UpdatePanel4 添加 PostBackTrigger 





3、 内 部 了 控件 引发 页 面 刷新 功能 


15:49:42 
Button4 | 15:49:42 




















5-16 同步 回 送 触 发 器 下 运行 结果 


UpdatePanel 控件 涉及 的 属性 不 多 ,但 要 灵活 掌握 才能 准确 引发 开发 所 需要 的 局 
部 刷新 。 特 别 需要 注意 的 是 ,用 户 一 般 通过 aspx 设 计 页 面 添加 UpdatePanel 控件 , 然 
后 继续 在 设计 页 面 中 定位 UpdatePanel 范围 ,添加 子 控件 。 如 果 用 户 需 要 在 HTML 
页 面 添加 UpdatePanel 以 及 子 控件 ,需要 注意 一 对 重要 的 标签 之 ContentTemplate> 
</ContentTemplate 之 。 例 如 在 UpdatePanel 控件 中 添加 Button 控件 ,生成 的 HTML 
代码 如 下 : 


ev ASPNET 网 站 开发 教程 


<form id="forml" runat="server"> 
<div> 
<asp:UpdatePanel ID="UpdatePanell" runat="server"> 
<ContentTemplate> 
<asp:Button ID="Buttonl" runat="server" Text="Button" /> 
</ContentTemplate> 
</asp:UpdatePanel> 
</div> 
</form> 


可 以 看 到 , 放 和 人 UpdatePanel 容器 中 的 控件 其 实 都 是 在 过 ContentTemplate > 
之 /ContentTemplate 志 标签 中 ,如 果 在 源 视图 中 向 UpdatePanel 里 面 添加 控件 而 忘记 了 
加 上 <ContentTemplate 之 </ContentTemplate 之 , 则 系统 编译 会 报错 。 


5.2.3 UpdateProgress 控件 


AJAX 提供 了 更 加 动态 、 更 加 敏捷 的 页 面 UI 反应 ,当局 部 刷新 的 时 间 比 较 长 时 ， 
UpdateProgress 控件 可 帮助 设计 更 为 直观 的 UI, 可 以 动态 显示 操作 的 完成 情况 ,提供 有 
关 更 新 状态 的 可 视 反 馈 。 

首先 了 解 下 UpdateProgress 的 主要 属性 ,如 图 5-17 所 示 。 


AssociatedlpdatePannelID 该 属性 和 该 UpdateProgress 相 关联 的 UpdatePanel 的 ID， 通 常用 于 有 多 
个 UpdatePanel 的 情况 下 


DispleyhEter | 进度 信息 被 展示 后 49ns 数 


DynanicLayout WpdateProgress 控 件 是 否 动态 绘制 ， 而 不 占用 网 页 空间 


5-17 UpdateProgress 主要 属性 








UpdateProgress 控件 要 与 UpdatePanel 控件 结合 使 用 , 如果 AssociateUpdatePannelID 
属性 没有 绑 定 页 面 上 的 任何 一 个 UpdatePanel 控件 ,那么 编译 系统 默认 为 页 面 上 所 有 
UpdatePanel 控件 都 与 这 个 UpdateProgress 控件 挂钩 ,所 以 ,页 面 上 有 多 个 UpdatePanel 
控件 和 UpdateProgress 控件 时 ,应 分 别 绑 定 。 

DisplayAfter 属性 表示 UpdateProgress 控件 在 绑 定 的 UpdatePanel 触发 局 部 刷新 后 
多 长 时 间 开 始 起 作用 ,如 果 程 序 代 码 中 没有 刻意 推迟 时 间 ,那么 在 代码 执行 时 ,时 间 是 很 
短暂 的 ,DisplayAfter 属性 设置 太 高 的 话 , UpdateProgress 控件 是 来 不 及 起 作用 的 ,因此 
就 无 法 看 到 UpdateProgress 的 出 现 。 

实例 5-5 UpdateProgress 实例 。 

(1) 添加 一 个 Web 窗 体 ,在 页 面 中 拖 放 一 个 ScriptManager 控件 ,一 个 UpdateProgress 
控件 (UpdateProgress1) 一 个 UpdatePanel 控件 (UpdatePanell ) ,并 在 UpdatePanell 中 
添加 一 个 Button 控件 和 一 个 Label 控件 。 在 UpdateProgressl 控件 中 一 个 加 载 图 片 , 设 
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计 如 图 5-18 所 示 。 

(2) 设置 UpdateProgressl 控件 AssociateUpdatePannelID 属性 值 为 UpdatePanell 
控件 。 

(3) 添加 按钮 事件 代码 ,代码 如 下 : 


protected void Buttonl Click(object sender, EventArgs e) 
{ 

Labell.Text=DateTime.Now.ToLongTimeString(); 
} 


(4) 按 F5 键 运行 , 单 击 按钮 ,并 没有 出 现 预期 的 UpdateProgress 图 像 。 

(5) 再 次 展开 UpdateProgress 控件 属性 面板 ,将 DisplayAfter 属性 值 由 默认 的 
500ms 改 为 0ms, 运 行 ,可 以 看 到 加 载 图 片 (如 果 没 有 出 现 , 请 多 单 击 几 次 Button, 因 为 代 
码 执行 时 间 太 短 暂 ) 。 

(6) 为 了 能 让 结果 显示 更 加 明显 ,刻意 推迟 代码 的 执行 时 间 , 即 让 程序 主线 程 暂停 
5s, 这 样 , 可 以 很 直观 地 可 以 看 到 UpdateProgress 控件 的 效果 。 在 按钮 事件 中 增加 语句 : 


System,Threading ,Thread.Sleep(5000) // 主 线程 暂停 5s 


(7) 运行 结果 如 图 5-19 所 示 , 这 个 时 候 出 现 了 动态 的 GIF 图 片 ,5s 后 ,图 片 消失 ， 
Label 控件 文本 值 为 系统 时 间 。 





- Do xi 
@ htpyllocalhost3267. DP "上 | @ localhost 





ScriptManager - ScriptManager1 





asp:updateprogress#UpdateProgressi| 


| | 
Lodaing 1 | 


确定 | 16:41233 





























| [Labell] 
图 5-18 带 GIF 图 片 效 果 的 运行 结果 图 5-19 带 GIF 图 片 效 果 的 运行 结果 








在 实际 的 大 型 项 目 开 发 中 ,UpdateProgress 控件 比较 常见 ,不 过 人 为 地 推迟 代码 执 
行 时 间 还 是 比较 少见 的 ( 像 上 面 演示 实例 中 的 System. Threading. Thread. Sleep(5000) 
语句 应 该 删 掉 ) ,这 主要 是 从 性 能 的 角度 出 发 。 还 有 一 些 操作 ,如 连接 大 型 的 数据 库 并 检 
索 满足 条 件 的 数据 ,代码 本 身 的 执行 就 需要 一 定 的 时 间 , 这 时 候 UpdateProgress 控件 的 
作用 自然 就 显现 出 来 ,当代 码 执行 完毕 即 局 部 刷新 完成 后 ,UpdateProgress 控件 消失 ,从 
而 起 到 提示 的 作用 。 
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5.2.4 Timer 控件 


在 ASP. NET AJAX 扩 展 中 ,微软 公司 为 用 户 封装 了 服务 器 端的 定时 器 , 即 Timer 
控件 ,用 于 周期 性 地 循环 执行 某 些 服务 器 端 代码 ,实用 性 非常 大 。 例 如 ,可 以 指定 每 隔 多 
长 时 间 刷 新 一 次 整个 页 面 或 者 某 个 UpdatePanel 控件 的 局 部 区 域 , 也 可 以 指定 每 隔 多 长 
时 间 来 连接 一 次 数据 库 进 而 从 中 检索 出 某 些 数据 等 ,在 第 4 章 的 实例 4-10 的 聊天 室 功 能 
中 就 是 借助 Timer 控件 刷新 聊天 记录 的 。 

Timer 控件 的 主要 属性 如 下 。 

。 Interval 属性 ; 用 来 决定 每 隔 多 长 的 时 间 要 引发 回 送 , 其 设置 值 的 单位 是 毫秒 。 

每 当 Timer 控件 的 Interval 属性 所 设置 的 间隔 时 间 达 到 而 进行 回 送 时 ,就 会 在 服务 
器 上 引发 Tick 事件 。 通 常会 为 Tick 事件 处 理 函 数 编写 程序 代码 ,以 便 能 够 根据 需求 来 
定时 执行 特定 操作 。 

。 Enabled 属性 : 将 Enabled 属性 设置 成 false 可 以 让 Timer 控件 停止 计时 ,而 当 需 

要 让 Timer 控件 再 次 开始 计时 的 时 候 , 只 需 再 将 Enabled 属性 设置 成 True 即 可 。 

Timer 控件 用 法 非常 简单 ,只 需 按照 指定 的 时 间 间 隔 激活 其 Tick 事件 即 可 。 

实例 5-6 动态 地 显示 时 间 。 

(1) 新 建 一 个 Web 窗 体 ,在 页 面 中 拖 放 一 个 ScriptManager 控件 、 一 个 Label 控件 和 
一 个 Timer 控件 ,并 设置 Timer 控件 的 Interval 属性 值 为 1000ms。 

(2) 双击 Timer 控件 ,编写 后 台 文 件 , 代 码 如 下 : 


protected void Timerl_ Tick (object sender, EventArgs e) 
{ 

Labell.Text=DateTime.Now.ToLongTimeString(); 
} 


(3) 按 F5 键 运行 ,可 以 看 到 每 隔 1s, 整 个 页 面 闪 烁 刷新 一 次 , 显示 时 间 也 会 跟着 
更 新 。 

(4) 显然 ,每 隔 1s, 整 个 页 面 都 闪烁 刷新 会 比较 浪费 资源 ,所 以 ,在 页 面 中 添加 一 个 
UpdatePanel 局 部 刷新 控件 ,使 得 Label 控件 和 Timer 控件 都 在 UpdatePanel 内 部 (如 果 
Timer 控件 放 在 UpdatePanel 外 部 ,需要 指定 UpdatePanel 的 异步 回 送 触发 器 ) 。 

(5) 按 F5 键 再 次 运行 ,结果 如 图 5-20 所 示 , 可 以 看 到 时 间 每 隔 1s 更 新 一 次 ,但 整个 
页 面 并 没有 闪烁 刷新 ,很 好 地 实现 了 页 面 电 子 表 的 功能 。 

如 果 页 面 上 不 同 UpdatePanel 控件 的 内 容 所 需 更 新 间隔 时 间 不 相同 ,可 以 在 页 面 上 
加 入 多 个 Timer 控件 ,并 且 利用 它们 来 分 别 负责 定时 异步 更 新 页 面 上 不 同 UpdatePanel 
控件 的 内 容 。 必 要 时 ,也 可 以 让 Timer 控件 定时 引发 整 页 回 送 ,以 便 定 时 更 新 整个 页 面 
的 内 容 。 

实例 5-7 定时 刷新 更 换 图 片 的 电子 相册 。 

(1) 新 建 一 个 Web 窗 体 ,在 页 面 中 拖 放 一 个 ScriptManager 控件 一 个 UpdatePanel 
控件 和 一 个 DropDownList 控件 ,并 在 UpdatePanel 控件 内 部 放 人 一 个 Timer 控件 和 一 
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个 Image 控件 ,如 图 5-21 所 示 。 


ScriptManager - ScriptManager1 


硬 也 
Timer -Timerl | 
| 


一 口 X 
@ htpy/localhost3267. PD » 0 | locall 


16:49:12 








图 5-20 局 部 刷新 计时 结果 图 5-21 页 面 设计 图 


(2) 将 Timer 控件 的 Interval 属性 值 设 置 为 3000ms。 


(3) 将 DropDownList 控件 的 AutoPostBack 属性 设置 为 True, 并 编辑 项 ,将 3s 的 
Selected 属性 设置 为 True, 如 图 5-22 所 示 。 


Listltem 集合 篇 名 器 








图 5-22 DropDownList 编辑 项 
(4) 添加 Page_Load、Timer 和 DropDownList 事件 代码 ,代码 如 下 : 


protected void Page Load(object sender, EventArgs e) 
| 


if(!IsPostBack) 


Imagel.ImageUrl="~/images/1.jpg"; 


protected void Timerl Tick (object sender, EventArgs e) 
‘ 

string s=Imagel.ImageUrl; 

int x=s.IndexOf ('.'); 

int y=s.LastIndexOof ('/"'); 


int num=x-y-1; 


NMGD /。 ASPNET 网 站 开发 教程 
Ye 


string fileName=s.Substring(y +1, num); 
int newFileName=int .Parse (fileName) +1; // 设 置 前 一 个 图 片 
if (newFileName==8) // 图 片 总 数 为 8 
| 
Imagel.ImageUrl="~/images/1.jpg"; 
} 
else 
| 
Imagel.ImageUrl="~/images/" +newFileName +".jpg"; 


} 


| 
protected void DropDownList1 _ SelectedIndexChanged(object sender, EventArgs e) 
{ 
Timerl.Interval=Int32.Parse (DropDownListl.SelectedValue); 
kK 


(5) 按 F5 键 运行 ,可 以 看 到 每 隔 3s, 动 态 切换 一 张 图 片 ; 当 所 有 的 图 片 播放 完毕 后 ， 
重新 依次 循环 。 更 改 下 拉 列 表 的 值 , 如 选择 为 15s, 可 以 看 到 每 隔 15s, 动 态 切换 一 张 
图 片 。 

Timer 控件 在 UpdatePanel 控件 的 内 外 还 是 有 区 别 的 。 当 Timer 控件 在 
UpdatePanel 控件 内 部 时 ,计时 组 件 只 有 在 一 次 回 传 完成 后 才 会 重新 建立 。 也 就 说 ,直到 
网 页 回 传 之 前 ,定时 器 间隔 时 间 不 会 从 头 计算 。 例 如 ,用 户 设置 Timer 控件 的 Interval 属 
性 值 为 6000ms ,但 是 回 传 操作 本 身 却 花 了 2s 才 完成 , 则 下 一 次 的 回 传 将 发 生 在 前 一 次 回 
传 被 引发 之 后 的 8s。 而 如 果 Timer 控件 位 于 UpdatePanel 控件 之 外 , 则 当 回 传 正在 处 理 
时 ,下 一 次 的 回 传 仍 将 发 在 前 一 次 回 传 被 引发 之 后 的 6s。 也 就 是 说 ,UpdatePanel 控件 的 
内 容 被 更 新 之 后 的 4s, 就 会 再 次 看 到 该 控件 被 更 新 。 如 果 Interval 属性 的 值 不 够 大 ,使 得 
在 前 一 次 异步 回 送 还 没有 完成 之 前 就 要 开始 下 一 次 的 异步 回 送 , 在 此 种 状况 下 ,新 引发 的 
异步 回 送 会 取消 前 一 个 还 在 处 理 中 的 异步 回 送 。 感 兴趣 的 读者 可 查阅 相关 资料 进一步 
学 习 。 


5.3 本 章 小 结 


AJAX 技术 是 目前 在 浏览 器 中 通过 JavaScript 脚本 可 以 使 用 的 所 有 技术 的 集合 ,其 
本 身 并 没有 创造 出 某 种 具体 的 新 技术 ,然而 AJAX 以 一 种 风 新 的 方式 来 使 用 所 有 的 这 些 
技术 ,使 得 古老 的 B/S 方式 的 Web 开发 焕发 了 新 的 活力 ,改变 了 传统 Web 应 用 程序 的 开 
发 方式 ,使 得 Web 服务 不 需要 漫长 的 页 面 等 待 ,提供 与 桌面 应 用 程序 类 似 的 用 户 体验 。 
本 章 的 主要 控件 如 下 。 

(1) ScriptManager: 管理 客户 端 组 件 、 局 部 刷新 .注册 用 户 自 定义 脚本 。 如 果 页 面 中 
使 用 UpdatePanel、UpdateProgress 和 Timer 控件 , 就 必须 在 它们 之 前 包含 
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ScriptManager, 如 果 只 是 小 范围 内 的 应 用 AJAX,ScriptManager 可 以 只 放 到 单独 的 页 面 
中 ,如 果 整 个 站 点 是 基于 AJAX 的 , 则 将 ScriptManager 放 到 母 版 页 中 是 一 个 不 错 的 选 
择 , 当 然 一 个 页 面 只 能 有 一 个 ScriptManager。 

(2) UpdatePanel; 异步 更 新 方式 实现 页 面 局 部 刷新 ,避免 整个 页 面 的 回 送 闪 烁 。 

(3) UpdateProgress: 对 UpdatePanel 的 局 部 刷新 状态 给 出 动态 提示 。 

(4) Timer: 按 指定 的 时 间 间 隔 定时 执行 页 面 回 送 ,配合 UpdatePanel 控件 用 于 页 面 
局 部 的 定时 刷新 。 

除 此 之 外 ,为 了 更 好 地 利用 ASP. NET AJAX,Microsoft 公司 一 直 致 力 于 支持 AJAX 
并 且 提供 更 好 的 使 用 体验 的 扩展 AJAX 控件 一 一 AJAXToolkit 的 研发 。 默 认 情况 下 ， 
Visual Studio 开发 平台 并 没有 集成 这 个 AJAXToolkit 扩展 包 , 需 要 使 用 的 话 ,可 以 访问 
http://www. asp. net/ AJAX 下 载 最 新 版 本 的 AJAXToolkit 扩展 包 。 


习 题 


1. AJAX 技术 的 Web 应 用 程序 和 传统 的 Web 应 用 程序 相 比 有 哪些 优势 ? 
2，AJAX 服务 器 控件 有 哪些 ?并 简 述 一 下 它们 的 功能 。 

3. 在 平时 上 网 过 程 中 ,举例 说 明 哪些 地 方 用 到 了 AJAX 技术 。 

4. 设计 一 个 留言 板 ,要 求 利用 AJAX 技术 进行 页 面 局 部 刷新 。 
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服务 器 验证 控件 


6.1 概 述 


6.1.1 验证 控件 的 作用 


验证 就 是 给 所 收集 的 数据 制定 一 系列 规则 。 验 证 不 能 保证 输入 数据 的 真实 性 ,只 能 
说 是 否 满足 了 一 些 规则 ,如 “文本 框 中 必须 输入 数据 ”“ 输 入 数据 的 格式 必须 是 电子 邮件 
地 址 ”等 。 规 则 可 多 可 少 , 或 严格 或 宽松 ,完全 取决 于 开发 人 员 ,不 存在 十 全 十 美的 验证 
过 程 。 

ASP. NET 为 用 户 提供 的 验证 控件 ,用 于 检测 用 户 输入 的 信息 是 否 有 效 ,例如 ,用 户 
登录 时 需要 验证 用 户 名 、 密 码 是 否 正确 ;填写 个 人 信息 时 出 生年 月 是 否 符合 日 期 格式 或 者 
是 否 超出 日 期 范围 , 若 出 现 错误 ,验证 控件 则 会 显示 错误 信息 。 同 时 ASP. NET 可 以 自 
定义 验证 控件 ,方便 灵活 地 实现 不 同 用户 对 控件 的 要 求 。 


6.1.2 验证 控件 基本 属性 


本 章 将 介绍 6 种 验证 控件 , RequiredFieldValidator、CompareValidator、 RangeValidator、 
RegularExpressionValidator、CustomValidator 和 ValidationSummary 控件 ,它们 有 一 些 
共同 的 基本 属性 ,如 表 6-1 所 示 。 


表 6-1 验证 控件 基本 属性 



































属 性 说 了 明 
ControlToValidate 获取 或 设置 要 验证 的 控件 
CssClass 获取 或 设置 由 Web 服务 器 控件 在 客户 端 呈现 的 级 联 样式 表 (CSS) 类 
Display 获取 或 设置 验证 控件 中 错误 消息 的 显示 行为 
Enabled 获取 或 设置 一 个 值 ,该 值 指示 是 否 启用 验证 控件 
ErrorMessage 获取 或 设置 验证 失败 时 控件 中 显示 的 错误 消息 的 文本 
IsValid 获取 或 设置 一 个 值 , 该 值 指示 关联 的 输入 控件 是 否 通过 验证 
Text 获取 或 设置 验证 失败 时 验证 控件 中 显示 的 文本 
EnableClientScript 设置 是 否 启用 客户 端 验证 ,默认 值 为 true 
SetFocusOnError 当 验 证 无 效 时 ,确定 是 否 将 焦点 定位 在 被 验证 控件 中 
ValidationGroup 设置 验证 控件 的 分 组 名 
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验证 控件 中 均 有 一 个 IsValid 属性 ,用 这 个 值 来 判断 验证 是 否 通过 ,没有 错误 ,该 属 
性 值 返回 true。 如 果 页 面 中 所 有 验证 控件 的 IsValid 属性 都 为 true, 则 Page. IsValid 属性 
为 true。 

下 面 依次 对 6 种 验证 控件 的 使 用 方法 进行 详细 介绍 。 


6.2 控件 介绍 


6.2.1 RequiredFieldValidator 控件 


该 控件 的 功能 是 验证 所 关联 的 控件 内 容 是 否 为 空 ,如 用 户 名 、 密 码 等 。 若 为 空 ,提示 
错误 信息 。 同 时 利用 控件 InitialValue 属性 可 以 获取 或 设置 关联 输入 控件 的 初始 值 , 只 有 
不 等 于 InitialValue 属性 的 值 时 ,才能 通过 验证 。 例 如 ,在 一 个 用 户 个 人 信息 注册 页 中 , 需 
要 姓名 、 联 系 电话 、 家 庭 住址 不 为 空 ,并 且 姓 名 不 能 与 初始 信息 相同 。 


6.2.2 CompareValidator 控制 


CompareValidator 控件 用 于 比较 一 个 控件 的 值 与 另 一 个 控件 的 值 是 否 相等 ,也 可 用 
于 比较 一 个 控件 的 值 和 一 个 指定 的 值 是 否 相等 , 若 相等 则 验证 通过 ,结果 为 true。 例 如 ， 
在 用 户 登 录 时 ,要 求 用 户 的 密码 和 确认 密码 值 相同 时 可 以 通过 验证 。 

常用 属性 如 表 6-2 所 示 。 

表 6-2 CompareValidator 控件 常用 属性 

属 性 说 有明 

ControlToCompare | 获取 或 设置 要 与 所 验证 的 输入 控件 进行 比较 的 输入 控件 
获取 或 设置 一 个 常数 值 , 该 值 要 与 由 用 户 输入 到 所 验证 的 输入 控件 中 的 











ValueToCompare 











值 进行 比较 
Type 获取 或 设置 在 比较 之 前 将 所 比较 的 值 转换 到 的 数据 类 型 
Operator 获取 或 设置 要 执行 的 比较 操作 


注意 : 属性 ControlToCompare 和 ValueToCompare 应 用 时 只 能 选择 一 个 。 
6.2.3 ”RangeValidator 控件 


RangeValidator 控件 用 来 检查 用 户 的 输入 是 否 在 指定 的 范围 内 。 该 控件 的 两 个 重要 属 
性 是 MaximumValue 和 MinimumValue, 分 别 用 于 获取 或 设置 验证 范围 的 最 大 值 和 最 小 值 。 

例如 ,要 求 以 年 级 在 2008~2012 内 ,成 绩 在 数字 0 一 100 内 ,级 别 在 A~D 内 等 ,如 果 
超出 范围 ,验证 不 通过 。 


6.2.4 RegulerExpressionValidator 控件 


RegulerExpressionValidator 控件 用 于 检查 项 与 正则 表达 式 定义 的 模式 是 否 匹配 , 主 
要 通过 属性 ValidationExpression 来 获取 或 设置 确定 字段 验证 模式 的 正则 表达 式 。 此 类 
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验证 使 用 户 能 够 检查 可 预知 的 字符 序列 ,如 电子 邮件 地 址 、 电 话 号 码 、 邮 政 编码 等 内 容 中 
的 字符 序列 。 


6.2.5 ”CustomValidator 控件 


当 ASP. NET 提供 的 验证 控件 无 法 满足 实际 需要 时 ,可 以 考虑 自行 定义 验证 函数 ， 
再 通过 CustomValidator 控件 来 调用 它 。 实 际 项 目 开发 中 有 两 种 不 同 的 验证 方式 : 客户 
端 验证 和 服务 器 验证 。 这 两 者 的 区 别 在 于 客户 端 验证 是 指 利用 JavaScript 脚本 ,在 数据 
发 送 到 服务 器 之 前 进行 验证 ,服务 器 端 验证 是 指 将 用 户 输入 的 信息 全 部 发 送 到 Web 服务 
器 进行 验证 。 一 般 客户 端 验证 比 服务 器 验证 快 些 , 服 务 器 验证 比 客户 端 验证 安全 些 , 但 速 
度 慢 些 。 比 较 好 的 方法 是 先进 行 客 户 端 验证 ,再 使 用 服务 器 端 验证 。 

CustomValidator 控件 既 可 以 实现 客户 端 验证 ,也 可 以 实现 服务 器 端 验证 ,常用 属性 











如 表 6-3 所 示 。 
表 6-3 CustomValidator 控件 常用 属性 和 事件 
属性 /事件 说 有明 
ClientValidationFunction 设置 用 于 验证 的 自 定义 客户 端 脚本 函数 名 
EnableClientScript 指示 是 否 启用 客户 端 验证 ,默认 为 true 
ServerValidate 事件 执行 服务 器 端 验证 





如 果 只 是 在 客户 端 通过 脚本 程序 进行 验证 ,不 需要 提交 服务 器 , 只 需要 在 
ClientValidationFunction 属性 中 引用 函数 名 。 如 果 在 服务 器 端 验 证 , 则 要 用 到 事件 
ServerValidate 来 触发 。 这 两 种 验证 都 可 以 通过 属性 IsValid 判断 关联 的 输入 控件 是 否 


6.2.6 ValidationSummary 控制 


ValidationSummary 控件 提供 了 汇总 其 他 验证 控件 错误 信息 的 方式 , 即 汇总 其 他 验 
证 控件 的 属性 ErrorMessage 值 。 常 用 属性 如 表 6-4 所 示 。 


表 6-4 ValidationSummary 控件 常用 属性 











属 性 说 ” 明 
Display Mode 设置 验证 摘要 的 显示 模式 , 值 分 别 为 BulletList、List 和 SingleParagraph 
ShowMessageBox 指定 是 否 在 一 个 弹出 的 消息 框 中 显示 错误 信息 
ShowSummary 指定 是 否 启用 错误 信息 汇总 





6.3 控件 使 用 实例 


实例 6-1 注册 功能 验证 。 
注册 功能 是 网 站 中 经 常 使 用 的 功能 ,为 了 保证 用 户 输入 信息 的 准确 性 ,需要 对 输入 的 
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信息 进行 规范 ,使 用 验证 控件 就 可 以 进行 规则 的 设 定 。 下 面 通 过 注册 功能 来 综合 使 用 
6. 2 节 中 介绍 的 各 个 控件 。 

(1) 新 建 一 个 Web 窗 体 文件 ,根据 注册 功能 ,插入 一 个 9 行 3 列 的 表格 ,设计 页 面 如 
图 6-1 所 示 。 控 件 属性 设置 如 表 6-5 所 示 。 





用 户 名 ( 必 填 ) : 不 能 为 


密码 ( 必 填 ): 三” 不 能 为 宇 

确认 密码 ( 必 填 ) : 不 能 为 宝 密 码 不 一 到 

性 别 : 太史 帮 

年 龄 : 厂 ”输入 范围 为 0-90 之 间 的 束 数 


电子 邮箱 : Email 格式 不 正确 
固定 电话 : 格式 不 正确 











图 6-1 注册 前 台 页 面 


表 6-5 验证 控件 属性 设置 表 


注册 信息 


文本 框 ID 


验证 控件 


属性 设置 





用 户 名 Name | RequiredFieldValidator 


ControlToValidate: Name 
ErrorMessage: 不 能 为 空 
ForeColor: red 





密码 Pwdl RequiredFieldValidator 


ControlToValidate: Pwdl 
ErrorMessage: 不 能 为 空 
ForeColor: red 





RequiredFieldValidator 


ControlToValidate: Pwd2 
ErrorMessage: 不 能 为 空 
ForeColor: red 

Display: Dynamic 





确认 密码 | Pwd2 


CompareValidator 


Control ToCompare: Pwdl 

ControlToValidate: Pwd2 

ErrorMessage: 密码 不 一 致 
ForeColor: Blue 





CustomValidator 


性 别 Sex 











ControlToValidate: Sex 

ErrorMessage: 男 或 女 

ForeColor: Blue 
ClientValidationFunction: ClientValidate_ 
Message( 见 步骤 (2)) 
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续 表 
注册 信息 | 文本 框 ID 验证 控件 属性 设置 





ControlToValidate: Age 

ErrorMessage: 输入 范围 为 10~90 之 间 的 
整数 

年 龄 Age RangeValidator ForeColor: Blue 

MaximumValue: 90 

MinimumValue: 10 

Type: Integer 





ControlToValidate: Email 

ErrorMessage: Email 格式 不 正确 

ForeColor: Blue 

ValidationExpression:; Internet 电子 邮件 地 址 


电子 邮箱 | Email | RegulerExpressionValidator 





ControlToValidate: Phone 
ErrorMessage: 格式 不 正确 
ForeColor: Blue 
ValidationExpression; 见 步骤 (3) 


定 电话 | Phone | RegulerExpressionValidator 











(2) 性 别 的 验证 使 用 的 CustomValidator 验证 控件 ,该 验证 控件 既 可 以 使 用 
Javascript 编写 客户 端 脚本 验证 ,也 可 以 采用 事件 代码 服务 器 端 验证 ,这 里 采用 客户 端 肢 
本 验证 方法 。 在 HTML 源 代码 的 <head 之 </head>> 标 签 对 中 增加 Javascript 脚本 代码 
如 下 : 





<script language="javascript" type="text/javascript"> 
function ClientValidate Message(source, args) { 
if (args.Value==" 男 " || args.Value==" 女 ") { 
args.IsValid=true; 
} 
else { args.IsValid=false; } 
} 


</script> 


(3) 固定 电话 验证 中 的 正则 表达 式 可 基于 “中 华人 民 共 和 国电 话 号 码 "表达 式 进 行 修 
改 。 默 认 的 表达 式 中 的 区 号 只 能 是 3 位 ,我 们 只 需 按 照 规 则 增加 4 为 区 号 规则 即 可 ,修改 
后 完整 的 正则 表达 式 为 : 


(Gdlt3}N 1\d{3}-1\(\a{41\) 1\a{4}-)?\d{8} 


(4) 汇总 验证 控件 ValidationSummary 可 根据 项 目 实际 需要 添加 。 这 里 我 们 在 表格 
的 下 面 添加 ValidationSummary 控件 ,设置 showMessageBox 为 True,ShowSummary 为 


False。 


(5) 给 注册 按钮 增加 事件 代码 如 下 : 


第 6 章 服务 器 验证 控件 


protected void Register Click(object sender, EventArgs e) 
i 
if(Page.IsValid) 
Response.Write ("<script>alert(" 葵 喜 你 ,注册 成 功 ') ;</script>"); 
} 


(6) 首次 运行 程序 ,会 发 现 出 现 运行 环境 错误 ,如 图 6-2 所 示 。 





/应 用 程序 中 的 服务 器 错误 。 


WebForms UnobtrusiveValidationMode 需要 "jquery"ScriptResourceMapping， 游 流 加 一 个 宅 为 jquery (区 分 大 小 写 ) 的 
ScriptResourceMapping, 


册 朋 : 的 行 淮 Web 请求 天 于 出现 未 全 外 再 的 导 党 ， 参 必得 迷失 二 旦 ,了解 有 关 记 失误/ 及 代表 中 导致 栓 误 约 出 人 的 基本. 
呈 各 开办 息 : System mvaldOpetorE cegten Wetbfams UnootuswevaldatorWocs 要 要 que’ScrtResouceMapong， 再 一个 各 为 qvery (区 分 大 小 号 的 ScngResowceMappeg, 
源氏 这 : 





内 行当 前 es 下风 间 生 戈 了 趟 经 处 理 的 民 案 ， 本 以 使 用 下 硬 的 呈 划 灶 必 扫 区 信息 确定 有 关 民 村 和 关 生 位 轩 他 信息" 


图 6-2 关键 点 a 运行 截图 


究 其 原因 ,主要 是 因为 在 Visual Studio 2012( 或 2013) WebForm 4.5 开发 中 ,很 多 控 
件 默 认 值 为 Enable 的 Unobtrusive ValidationMode 属性 ,但 并 未 对 其 进行 赋值 , (所 谓 
Unobtrusive Validation, 就 是 一 种 隐 式 的 验证 方式 和 jQuery 的 引用 相关 ) ,开发 人 员 必 须 
手动 对 其 进行 设置 。 在 进行 数据 验证 时 使 用 的 各 种 validator, 以 及 进行 authorization 及 
authentication 设置 时 , 需要 在 前 端 调 用 jQuery 来 进行 身份 验证 ,都 默认 Enable 的 
Unobtrusive ValidationMode。 如 果 不 对 该 属性 进行 配置 ,将 会 产生 ERROR 。 

解决 方法 主要 有 三 种 : 

， 方 法 一 : 在 程序 允许 的 情况 下 ,在 Web. config 配置 文件 中 ,降低 . Framework 的 

版 本 ,具体 方法 如 下 : 


<!- -修改 前 - -> 

<system.web> 

<compilation debug="true" targetFramework="4.5" /> 
<httpRuntime targetFramework="4.5" /><! 一 将 其 删除 - -> 
</systenm.web> 

<!-- 修 改 后 - -> 

<system.web> 

<compilation debug="true" targetFramework="4.0" /> 
</system.web> 


。 方 法 二 : 更 改 Web. config 配置 文件 设置 Unobtrusive ValidationMode 的 类 型 , 具 
体 方法 如 下 : 


<!-- 修 改 前 --> 
<system.web> 
<compilation debug="true" targetFramework="4.5" /> 


<httpRuntime targetFramework="4.5" /> 
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</system.web> 

< !-- 修 改 后 --> 

<system.web> 

<compilation debug="true" targetFramework="4.5" /> 

<httpRuntime targetFramework="4.5" /> 

</system.web> 
<appSettings> 
<add key= "ValidationSettings:UnobtrusiveValidationMode" value="None" /> 
</appSettings> 


。 方 法 三 : 首先 在 网 站 根 目录 下 新 建 一 个 scripts 文件 夹 , 文 件 夹 中 添加 jquery-1. 
7.2. min. js 和 jquery-1.7.2.js( 可 根据 自己 需要 使 用 不 同 的 版 本 ) ,在 微软 公司 官 
网 上 可 以 下 载 到 。 然 后 在 根 目录 下 添加 全 局 应 用 程序 类 Global. asax 文件 ,在 
Application_Start 事件 中 添加 如 下 代码 : 


ScriptManager.ScriptResourceMapping.AddDefinition ("jquery", 
new ScriptResourceDefinition 
{ Path="~/scripts/jquery-1.7.2.min.js", 
DebugPath="~/scripts/jquery-1.7.2.js", 
CdnPath="http://ajax.microsoft.com/ajax/jQuery/jquery-1.7.2.min.js", 
CdnDebugPath="http://ajax.microsoft .com/ajax/jQuery/jquery-1.7.2.js" 
]) 7 


(7) 修改 正常 后 ,运行 程序 ,测试 验证 控件 作用 。 主 要 观察 几 个 关键 点 : 
a, 页 面 打开 马上 单 击 注册 按钮 ,错误 提示 信息 如 图 6-3 所 示 ; 






























































用 户 名 ( 必 寺 ): 不 能 为 空 
窗 码 ( 必 填 ): 不 能 为 空 

确认 密码 ( 必 坟 : 不 能 汶 空 

性 别 : 

年 龄 : 

电子 邮箱 : 

国定 电话 : 


图 6-3 关键 点 a 运行 截图 


b. 确认 密码 和 密码 不 一 致 时 ,错误 提示 信息 如 图 6-4 所 示 , 注 意 Display 属性 的 
作用 ; 

c. 必 填 项 验证 通过 后 , 单 击 注册 按钮 ,注册 成 功 ,如 图 6-5 所 示 ; 

d. 可 选项 错误 信息 提示 ,如 图 6-6 所 示 ; 

e. 所 有 信息 通过 验证 后 结果 如 图 6-5 所 示 。 
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密码 不 一 至 






































图 6-4 键 点 b 运 行 截图 


















































图 6-5 键 点 c 和 运行 截图 
新 用 注册 
用 户 名 ( 必 填 ): 新 昱 人 
密码 ( 必 填 ): 0000s 
确认 密码 ( 必 填 ): 

性 别 : 1 男 或 女 

年 龄 : [L_ 了 基 入 范围 为 10.90 之 间 的 整数 
电子 邮箱 : 1 jmail 属 式 不 正确 

固定 电话 : 1 式 不 正确 








6-6 键 点 d 运行 截图 


该 实例 使 用 六 种 验证 控件 ,实现 了 注册 功能 的 简单 验证 ,对 于 复杂 的 验证 功能 ,可 以 
结合 属性 ValidationGroup 进行 分 组 验证 ,有 兴趣 的 读者 可 以 自行 实现 。 

实例 6-2 CustomValidator 控件 的 客户 端 和 服务 器 端 验证 。 

CustomValidator 验证 控件 功能 具有 强大 和 适用 性 高 的 特点 。Visual Studio 中 自 带 
的 简单 验证 功能 毕竟 有 限 ,而 CustomValidator 验证 控件 支持 用 户 自 定义 验证 ,无 论 客户 
端 还 是 服务 器 端 。 现 在 通过 一 个 简单 的 实例 介绍 客户 端 验证 和 服务 器 端 验证 。 

要 求实 现 一 个 简单 评价 功能 ,在 服务 器 端 验证 评价 分 数 是 否 大 于 0 小 于 100 ,符合 范 
围 则 通过 验证 ;在 客户 端 验证 意见 内 容 是 否 少 于 20 个 字 , 不 少 于 20 个 字 则 通过 验证 。 实 
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现 步骤 如 下 。 
(1) 创建 页 面 控件 布局 如 图 6-7 所 示 ,并 设置 好 控件 关联 ControlToValidate 属性 。 

请 给 该 网 站 打出 您 心目 中 的 分 数 〈 百 分 制 ) ， 
| 分 数 范 转 为 0-100 








不 能 少 于 20 个 字 
6-7 留言 板 设计 


(2) 评分 验证 控件 Score 的 服务 器 验证 事件 代码 如 下 : 





(3) 字数 验证 控件 Suggestion 的 客户 端 验 证 HTML 代码 如 下 ,并 将 验证 控件 的 
ClientValidationFunction 属性 设置 为 ClientValidate_Message。 





(4)“ 提 交 ” 和 “ 重 置 ”按钮 事件 代码 如 下 : 
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if (Page.IsValid) 
Response.Write ("<script>alert (' 提 交 成 功 ') ;</script>"); 
else 
Response.Write ("<script>alert (' 提 交 失 败 ');</script>"); 
} 


protected void Reset Click (object sender, EventArgs e) 
{ 

TxtScore.Text=""; 

TxtSuggestion.Text=""; 


(5) 运行 程序 。 当 意见 内 容 少 于 20 个 字 , 验 证 不 通过 ,这 是 客户 端 验 证 ,调用 脚本 函 
数 ClientValidate_Message, 如 图 6-8 所 示 ; 当 评价 分 数 为 负数 时 ,验证 不 通过 ,这 是 服务 
器 验证 ,ServerValidate 事件 ,如 图 6-9 所 示 。 当 验证 通过 后 , 单 击 “ 提 交 ” 按 钮 ,显示 “提交 
成 功 1”, 重 置 为 清空 文本 框 功能 。 





























请 给 该 网 站 打出 您 心目 中 的 分 数 百分制) ， 请 给 该 网 站 打出 您 心目 中 的 分 数 百分制) ， 
80 -10 分 数 范围 为 0-100 
请 留 下 您 宝贵 的 意见 ， 请 留 下 您 宝贵 的 意见， 























字 要 不 酸 于 20 人 字 
[可] ul ms 
图 6-8 意见 客户 端 验证 不 通过 图 6-9 分 数 服务 器 验证 不 通过 



































实例 6-3 ”随机 验证 码 的 实现 。 

老 网 民 们 大 概 都 记得 , 刚 开始 上 网 的 时 候 , 是 不 存在 验证 码 (captcha) 这 么 一 种 东西 
的 ? 这 造成 的 结果 是 ,垃圾 评论 和 垃圾 邮件 可 以 轻松 通过 任何 一 个 网 站 的 注册 程序 ,通过 
各 种 方式 禾 炸 人 民 群 众 的 眼球 。 最 先 想 要 解决 这 一 问题 的 是 雅虎 , 那 时 计算 机 辨识 技术 
还 很 落后 ,对 于 经 过 扭曲 污染 的 文字 ,无 法 辨识 。 而 人 类 却 可 以 轻松 认 出 这 些 文字 。 这 
是 一 个 简单 而 巧妙 的 设计 ,计算 机 先是 产生 一 个 随机 的 字符 串 , 然 后 用 程序 把 这 个 字符 串 
的 图 像 进 行 随机 的 污染 、 扭 曲 , 再 显示 给 显示 器 前 的 人 或 者 机 器 。 凡 是 能 够 辩 识 这 些 字符 
的 , 即 为 人 类 。 不 少 网 站 为 了 防止 用 户 利用 机 器 人 自动 注册 、 登 录 、 灌 水 ,都 采用 了 验证 码 
技术 。 

验证 码 一 般 是 防止 有 人 利用 机 器 人 自动 批量 注册 、 对 特定 的 注册 用 户 用 特定 程序 暴 
力 破解 方式 进行 不 断 的 登录 、 灌 水 。 因 为 验证 码 是 一 个 混合 了 数字 或 符号 的 图 片 ,人 眼看 
起 来 都 费劲 ,机 器 识别 起 来 就 更 困难 。 发 展 到 现在 ,验证 码 的 表现 方式 是 多 种 多 样 的 ,但 
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是 万 变 不 离 其 宗 , 主 要 是 通过 图 形 来 加 大 计算 机 识别 的 难度 ,从 而 防止 恶意 攻击 。 

在 ASP.NET 中 使 用 简单 随机 验证 码 的 方法 主要 通过 两 种 方式 实现 ,一 种 是 下 载 第 
三 方 验证 插件 , 另 一 种 是 通过 编程 实现 。 在 这 里 我 们 讲解 第 二 种 方法 ,实现 一 个 纯 数字 的 
4 位 验证 码 ,过 程 如 下 : 

(1) 新 建 一 个 Web 页 面 ,命名 为 Eg6 _3. aspx, 添加 一 个 DropDownList 控件 
(DropDownList1) ,编辑 项 ,如 图 6-10 所 示 , 另 外 添加 一 个 文本 框 (UserText) ,用 于 填写 
验证 码 ; 一 个 Image 控件 (ValidateImg) ,用 于 显示 随机 验证 码 ;一 个 按钮 (btValidate) ,用 
于 验证 事件 的 触发 。 页 面 设计 如 图 6-11 所 示 。 





























Listltem 集合 编 各 器 ? x 
成 员 (M): 纯 数 字 属性 四: 
0 2 +| 国 %| 
混合 
汉 加 ”下 
3| en It) | Enabled Tre 
| Selected False 
| Ted 纯 数字 
| vale 0 
0(A) PE) 
EE 可 
Ce 可 到 
验证 
图 6-10 DropDownList 控件 编辑 项 图 6-11 前 台 页 面 设计 图 


(2) 新 建 一 个 新 Web 页 面 ,命名 为 ValidateImage. aspx, 在 该 页 面 的 cs 文件 中 添加 


随机 验证 图 片 生成 的 代码 。 由 于 涉及 到 多 种 验证 方式 ,我们 把 不 同 的 随机 内 容 生成 的 代 
码 独 立成 方法 。 


。 纯 数字 内 容 生 成 方法 ,代码 如 下 : 


private String GetRandomint (int codeCount) 
i 

Random random=new Random(); 

string min=""; 

string max=""; 

for (int i=0; i<codeCount; i++) 

‘ 

min +="1"; 


max +="9"; 


return (random.Next (Convert .ToInt32 (min), Convert.ToInt32 (max)). 
TosString()); 
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， 数字 字母 混合 内 容 生 成 方法 ,代码 如 下 : 


， 汉 字 内 容 生成 方法 ,代码 如 下 : 








san sm \@// 


， 生成 菜单 名 内 容 方法 ,代码 如 下 : 


(3) 随机 内 容 生成 之 后 ,需要 将 内 容 图 形 化 ,需要 用 到 画图 功能 ,画图 方法 代码 如 下 : 





(4) 随机 验证 码 方法 的 调用 ,需要 根据 DropDownList 的 选项 来 决定 ,而 ValidateImage. 
aspx 生成 图 片 页 和 DropDownList 不 在 同一 页 ,用 Session 传递 选项 参数 ,在 这 里 ,给 
ValidateImage. aspx 的 Page_Load 添加 事件 代码 ,代码 如 下 : 
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(5) 在 Eg6_3. aspx 页面 中 ,首先 设置 Image 控件 的 ImageUrl 属性 为 ValidateImage. 
aspx 页 面 路 径 。 此 时 编辑 状态 的 设计 页 面 就 看 不 到 Image 控件 了 , HTML 代码 中 可 以 看 
到 属性 是 否 设置 正确 。 

(6) 在 Eg6_3. aspx 页 面 中 ,添加 Page_Load 初始 化 事件 ,以 及 DropDownList 控件 
和 验证 按钮 的 事件 代码 ,代码 如 下 : 
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if(UserText.Text==Session ["img"] .ToString()) 

Response.Write ("<script>alert ('OK, 正 确 ');</scirpt>"); 
else 

Response.Write ("<script>alert (' 验 证 码 不 符合 ') ;</scirpt>"); 


} 


(7) 从 Eg6_3. aspx 页 面 开始 运行 , 即 可 查看 随机 验证 码 的 生成 ,如 图 6-12 所 示 。 
















































































纯 数字 v 数字 字母 混合 V| 
1372 zaDe 
验证 验证 
汉字 v 随机 茶 名 。 Vv 
喝 朝 车 朝 鱼 香 肉 丝 
验证 验证 
图 6-12 运行 结果 


(8) 改 程序 可 以 进一步 扩展 ,例如 将 Image 控件 改 成 InageButton, 实 现 单 击 更 换 图 
片 功能 ;还 可 以 增加 一 个 文本 框 ,实现 随机 内 容 位 数 的 控制 ,有 兴趣 的 读者 可 以 研究 实现 。 


6.4 本 章 小结 


本 章 主要 介绍 了 ASP. NET 中 常用 到 的 RequiredFieldValidator、CompareValidator、 
RangeValidator, RegularExpressionValidator、 CustomValidator 和 ValidationSummary 
第 6 种 验证 控件 ,通过 举例 ,使 读者 理解 并 学 会 使 用 各 种 验证 控件 ,进而 能 应 用 到 网 站 中 
实现 信息 的 基本 验证 。 

更 多 功能 强大 和 个 性 的 验证 ,需要 用 户 通过 编程 来 实现 , 既 可 以 是 Javascript 实现 的 
客户 端 验 证 ,也 可 以 是 . NET 编程 实现 的 服务 器 端 验 证 。 对 于 同一 个 控件 可 以 使 用 多 个 
验证 控件 ,以 保证 内 容 的 正确 性 、 完 整 性 。 但 要 注意 ,应 用 同一 控件 的 验证 控件 对 信息 的 
限制 不 应 起 冲突 。 


习 题 


. 简 述 一 下 本 章 各 个 验证 控件 的 作用 和 适用 范围 。 

. 简 述 客户 端 认 证 和 服务 端 认证 的 区 别 。 

. 将 实例 6-1 的 必 填 项 和 非 必 填 项 实现 验证 功能 。 

. 利用 CustomValidator 控件 实现 身份 证 号 码 的 客户 端 验证 和 服务 器 端 验证 功能 。 
. 通过 网 络 了 解 现在 随机 验证 码 的 表现 方式 ,并 下 载 使 用 一 种 第 三 方 插件 实现 


cm 上 co co 姜 


验证 。 
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数据 库 技术 


数据 库 (DataBase,DB) 是 一 个 长 期 存储 在 计算 机 内 的 \ 有 组织 的 ,有 共享 的 、 统 一 管 
理 的 数据 集合 。 它 是 一 个 按 数 据 结构 来 存储 和 管理 数据 的 计算 机 软件 系统 。 在 网 站 的 开 
发 过 程 中 ,如 何 存 取 数 据 库 是 最 常用 的 技术 。 

.NET Framework 提供 了 多 种 存 取 数据 库 的 方式 ,可 以 使 用 . NET 为 数据 库 专门 开 
发 的 数据 源 控件 和 数据 绑 定 控件 实现 简单 的 数据 库 操作 ,而 无 须 涉及 过 多 的 SQL 语句 ; 
也 可 以 使 用 LINQ 技术 通过 程序 语句 进行 复杂 的 数据 库 操作 。 


7.1 建立 SQL Server Express LocalDB 数据 库 


SQL Server Express LocalDB 是 SQL Server 系列 中 的 精简 版 ,允许 无 偿 获取 并 免费 
再 分 发 ,同时 对 系统 配置 的 要 求 相对 比较 低 , 非 常 适合 于 中 小 型 企业 的 开发 应 用 。SQL 
Server Express LocalDB 与 ASP. NET 紧密 集成 ,在 安装 Visual Studio 2013 时 ,与 ASP. 
NET 一 同安 装 。 这 样 用 户 就 可 以 在 Visual Studio 2013 软件 环境 中 创建 并 管理 数据 库 。 

(1) 要 在 Visual Studio 2013 开发 环境 中 创建 SQL Server Express LocalDB 数据 库 ， 
首先 在 “解决 方案 资源 管理 器 ?中 添加 App_Data 文件 夹 ,如 图 7-1 所 示 。 














图 7-1 添加 App_Data 文件 夹 
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(2) 右 击 App_Data 文件 夹 , 在 弹出 的 右键 菜单 中 选择 “添加 新 项 ”命令 ,然后 选择 
“SQL Server 数据 库 ” 模 版 , 单 击 “ 添 加 ”按钮 即 可 新 建 数据 库 。 此 时 ,Visual Studio 2013 
中 “服务 器 资源 管理 器 ?面板 中 的 数据 连接 中 会 自动 添加 刚才 创建 的 SQL Server Express 
LocalDB 数据 库 , 如 图 7-2 所 示 。 

(3) 下 面 对 数 据 库 的 操作 类 似 SQL Server 数据 库 环境 中 操作 。 在 “服务 器 资源 管理 
器 ”中 展开 此 数据 库 目录 后 , 右 击 “ 表 ”, 在 弹出 的 菜单 中 选择 “添加 新 表 ” 命 令 , 即 可 建立 数 
据 表 的 结构 ,如 图 7-3 所 示 。 


ell :> 


b ” 鞠 Sharepoint 连接 


x | 尝 香 外 | 世 
》 [及 Sharepoint 连接 


》 呈 Windows Azure 


》 昌 服务 器 
4 国 准 扎 壬 接 
b RDB Chapter7.mdf 





图 7-2 新 建 数 据 库 DB_Chapter7. mdf 文件 7-3 添加 新 表 1 


需要 注意 的 是 , 表 名 的 需要 通过 代码 处 进行 命名 , 单 击 “ 更 新 ”生成 数据 表 , 如 图 7-4 
所 示 。 










dbo.Category [设计 ]*  X 
蒜 计 (| dbo.Table.sql* 
名 称 


-ld int 
























允许 Null 黑 
























Name nvarchar(50) 








Description nvarchar(50) 四 


























Bt /A ST-SQL 
日 CREATE TABLE [dbo]|[Category] 
ea 


[Id] INT NOT NULL PRINMARY KEY, 

[Nane] NVARCHAR(50) NOT NULL, 

[Description] NYARCHAR(50) NULL 
) 








7-4 添加 新 表 2 


(4) 右 击 相应 的 数据 表 ,在 弹出 的 菜单 中 选择 “显示 表 数 据 ? 命 令 , 即 可 显示 和 修改 表 
中 记录 ,如 图 7-5 所 示 。 
(5) 对 于 已 经 存在 的 数据 库 ,只 需要 复制 到 App_Data 文件 夹 中 即 可 使 用 。 
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国 | 党 和 年 旷 | 芒 
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图 7-5 显示 表 数 据 界面 


7.2 基本 SQL 语句 


创建 完 数据 库 后 ,需要 对 基本 SQL 语句 有 一 定 的 书写 处 理 能 力 ,才能 更 好 地 操作 数 
据 表 数据 。 下 面 介绍 SQL 的 四 种 基本 语句 。 

假定 已 创建 名 为 DB_Chapter7 的 数据 库 , 其 中 包含 一 个 名 为 Products 的 数据 表 , 表 
中 包含 主键 (Id) ,种 类 号 (Category_Id) 、 商 品名 (Name) ,数量 (Num) 和 价格 (Price) 等 5 
个 字段 ,其 中 主键 是 自 累加 Int 型 。 


7.2.1 SELECT 查询 语句 


SELECT 语句 是 SQL 中 最 常用 的 语句 之 一 ,用 于 从 数据 库 中 按照 所 给 条 件 返 回 
数据 。 
SELECT 语句 的 完整 语法 为 : 


SELECT [ALL|DISTINCT|DISTINCTROW|ITOP] {* |[ fieldl,field2]} FROM tableName 
[WHERE…] 

[GROUP BY…] 

[HAVING…] 

[ORDER BY…] 


示例 1: 检索 Products 表 中 的 所 有 数据 。 


SELECT * FROM Products 


示例 2: 明确 地 指定 希望 得 到 的 一 列 或 多 列 。 例 如 ,如 果 只 选择 商品 名 和 数量 ,语句 


、 
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如 下 : 
SELECT Name, Num FROM Products 
示例 3: 选择 Products 表 的 前 5 条 记录 。 
SELECT top 5 * FROM Products 


示例 4: 查询 所 有 商品 名 中 含有 字符 “ 宝 ”的 商品 名 。 


SELECT Name FROM Products WHERE Name LIKE '% 宝 %' 





示例 5: 按 商品 名 先后 顺序 得 到 商品 信息 。 
SELECT * FROM Products ORDER BY Name 


默认 情况 下 ,ORDER BY 按 升序 给 出 结果 ,如 果 想 按 降序 得 到 结果 ,可 以 使 用 DESC 
关键 字 。 


7.2.2 INSERT 插入 语句 
INSERT 语句 用 于 向 表 中 添加 新 的 记录 ,语法 为 : 
INSERT INTO 表 名 ( 列 1, 列 2,…) VALUES ( 值 1, 值 2,…); 
示例 : 往 Products 表 中 添加 一 个 商品 记录 。 


INSERT INTO Products VALUES (3, ' 大 宝 ',10,10.5); 


7.2.3 UPDATE 更 新 语句 
UPDATE 语句 用 于 修改 数据 库 中 已 经 存在 的 记录 ,格式 如 下 : 





UPDATE 表 名 ”SET 列 名 1= 新 值 1， 列 名 2= 新 值 2,… [WHERE 条 件 子 句 ] 
示例 : 将 每 个 商品 的 数量 都 加 1 。 


UPDATE Products SET Num=Num+1 


7.2.4 DELETE 删除 语句 
DELETE 语句 用 于 删除 一 个 表 中 现 有 的 记录 ,格式 如 下 : 
DELETE FROM 表 名 [WHERE 条 件 ] 


WHERE 子 句 是 可 选 的 ,指定 所 要 删除 的 记录 。 如 果 没 有 指定 , 表 中 的 每 个 记录 都 
被 删除 。 
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示例 : 删除 种 类 号 为 1 的 商品 。 


DELETE FROM Products WHERE Category Id=1 


7.3 数据 源 控 件 和 数据 绑 定 控件 


数据 源 控件 主要 用 于 实现 从 不 同 数据 源 获取 数据 的 功能 ,通过 数据 源 控件 中 定义 
的 各 种 事件 ,可 以 实现 SELECT INSERT DELETE 和 UPDATE 等 数据 操作 。 本 章 主 
要 介绍 常用 的 SqlDataSource 数据 源 控件 。SqlDataSource 控件 可 以 用 来 访问 Access、 
SQL Server、 SQL Server Express、Oracle、ODBC 数据 源 和 OLEDB 数据 源 。 使 用 
SqlDataSource 连接 数据 源 不 需要 编写 代码 ,只 需 按 “ 配 置 数据 源 ” 向 导 逐 步 设置 就 可 
以 了 。 

数据 绑 定 控件 是 指 能 够 支持 数据 库 集合 数据 显示 的 控件 ,只 要 能 够 支持 集合 的 控件 ， 
都 可 以 作为 数据 绑 定 的 控件 ,如 图 7-6 所 示 。 
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7-6 数据 绑 定 控件 


下 面 通过 具体 实例 来 讲解 用 数据 源 控件 结合 数据 绑 定 控件 实现 数据 操作 。 

实例 7-1 利用 SqlDataSource 和 GridView 进行 数据 操作 。 

GridView 控件 用 于 显示 二 维 表格 式 的 数据 ,可 以 在 不 编写 任何 代码 ( 仅 设置 属性 ) 的 
情况 下 ,实现 数据 绑 定 分页、 排序, 行 选择 、 更 新 .删除 等 功能 ,是 一 个 使 用 简单 而 功能 强 
大 的 数据 显示 控件 。 

(1) 在 服务 器 资源 管理 器 中 将 需要 显示 的 表 拖 砚 至 页 面 空白 处 , 即 可 发 现在 页 面 上 
会 自动 增加 GridView 控件 和 SqlDataSource 控件 ,如 图 7-7 所 示 。 

(2) 运行 该 页 面 , 即 可 显示 该 表 数 据 ,表明 SqlDataSource 控件 已 经 自动 配置 好 数据 
源 ,获取 了 数据 ;而 GridView 控件 也 已 经 绑 定好 数据 ,用 于 显示 数据 ,如 图 7-8 所 示 ,运行 
时 SqlDataSource 控件 不 显示 。 

(3) 打开 Web. config 文件 ,会 发 现 已 经 添加 了 数据 源 连接 字符 串 , 代 码 如 下 : 
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IdName Description 


I0 labe labe 
hm abc_jabc 
2 abc labc 
日 abc labc 
4 abc labc 


SqlDataSource - SqlDataSource1 
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<connectionStrings> 





~、 -0 Xx 
/hpiocalhostans, P ~ o| 











A 


数码 类 电子 设备 
日 杂 类 生活 用 品 


1 
1 
2 玩具 类 玩乐 
3 
4| 
了 





图 7-8 数据 显示 结果 


<add name="DB Chapter7ConnectionStringl" connectionString="Data 
Source= (LocalDB) \v11.0;AttachDbFilename=|DataDirectory|\DB Chapter7. 


mdf; Integrated Security= True" providerName="System. Data. SqlClient" 


/> 
</connectionStrings> 


(4) 上 述 通过 服务 器 资源 管理 器 直接 邦和 数据 表 的 方法 虽然 简单 ,但 是 配置 过 程 不 
明了 ,一 般 操作 方法 为 : 首先 在 页 面 空白 处 放置 一 个 GridView 控件 和 SqlDataSource 控 
件 , 配 置 SqldataSource 控件 绑 定 所 需 数据 表 ,如 图 7-9 所 示 。 


国 配置 Select 语句 


- SqlDataSourcel ? Xx 








列 (O): 





Mid 
回 Name 
回 Description 











SELECT 语句 (U: 





SELECT [ldl [Namel [Description] FROM [Category] 























图 7-9 SqldataSource 选择 数据 表 
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(5) 按照 需要 配置 WHERE 条 件 或 者 ORDER BY 排序 ,按照 向 导 完成 配置 即 可 。 
(6) 单 击 图 7-9 中 的 高 级 按钮 ,打开 如 图 7-10 所 示 的 高 级 SQL 生成 选项 面板 , 勾 选 
“生成 INSERT、UPDATE 和 DELETE 语句 ”选项 ,可 以 激活 高 级 数据 库 操作 功能 。 





高 级 SQL 生成 选项 


可 以 生成 附加 的 INSERT、UPDATE 和 DELETE 语句 来 更 新 数据 源 , 


回 生成 INSERT、UPDATE 和 DELETE 语句 (G) 


基于 SELECT 语句 生成 INSERT、UPDATE 和 DELETE 语句 。 必 须 沈 定 所 有 主键 字 
段 才能 启用 此 选项 . 


口 使 用 开放 式 并 发 (D) 


修改 UPDATE 和 DELETE 语句 以 检测 自 该 记录 加 载 到 DataSet 中 以 来 数据 库 是 否 更 
改 。 这 有 助 于 防止 并 发 冲突 . 


Cw ] w | 





图 7-10 高 级 SQL 生成 选项 


(7) GridView 控件 选择 对 应 的 SqldataSource 控件 即 可 实现 数据 绑 定 操作 ,并 且 色 
选 启用 编辑 和 删除 功能 选项 ,如 图 7-11 所 示 。 











Tlie escrintion 

编辑 删除 0 abe abc 生动 大 用 从 式 .。 
强 辑 删除 1 abc abc “2 
编辑 删除 2 abc_ abc 二 所 源 [SqlDataSource1 。 [| 
编辑 删除 3 abc_abc RE 
编辑 删除 4 abc_ abc 

添加 新 列 .… 

口 记分 页 























图 7-11 GridView 控件 绑 定数 据 源 


(8) 运行 程序 , 即 可 实现 数据 的 显示 、 编 辑 以 及 删除 功能 。 
实例 7-2 DropDownList 和 SqlDataSource 结合 显示 数据 。 


实际 开发 项 目 中 ,除了 GridView 控件 以 外 ,还 可 以 使 用 其 他 数据 显示 控件 ,下 面 介 
绍 DropDownList 和 SqlDataSource 结合 显示 数据 。 

(1) 在 视图 页 面 添加 一 个 SqlDataSource 控件 和 一 个 DropDownList 控件 。 

(2) 单 击 SqlDataSource 控件 的 智能 标记 ,选择 “配置 数据 源 的 设置 ”, 启 动 * 配 置 数据 


源 向 导 ”, 配 置 过 程 同 实例 7-1。 


、 
一 @/ ASPNET 网 站 开发 教程 


(3) 配置 好 SqlDataSource 数据 源 后 ,选择 DropDownList 下 拉 列 表 控件 , 单 击 智能 
标记 ,弹出 “数据 源 配 置 向 导 ” 面 板 , 如 图 7-12 所 示 。 

(4) 在 图 7-12 中 可 以 看 到 ,DropDownList 控件 只 能 显示 数据 表 中 的 一 列 数据 字段 ， 
而 不 似 GridView 那样 可 以 显示 整个 数据 表 , 参 数 配置 如 图 7-13 所 示 , 运 行 结果 如 图 7-14 












































所 示 。 
数据 源 配 置 向 导 数据 源 配置 向 导 
图 选择 数据 源 选择 数据 源 
re | 
选择 数据 源 (9): 选择 数据 源 (S), 
因 v [sqlDataSourcel 司 
选择 要 在 DropDownList 中 显示 的 数据 字段 {E); 选择 要 在 DropDownList 中 显示 的 数据 字段 (E): 
v 
为 DropDownlist 的 信 选 择 数 据 字 段 (Q: 为 DropDownlist 的 值 选择 数据 闻 良 (O; 
Id v 
图 7-12 DropDownList 选择 数据 源 图 7-13 ”DropDownList 选择 数据 源 参数 配置 


实例 7-3 GridView 的 分 页 和 排序 。 





对 于 数据 表 来 说 ,显示 记录 数 较 多 时 ,用 户 需要 考 | 个 Hoalossao5 pv 
虑 分 页 和 排序 功能 的 实现 ,GridView 控件 可 以 很 简便 “| 二 
地 实现 分 页 和 排序 功能 。 ww 

(1) 在 新 建 页 面 中 添加 GridView、SqldataSource、 | | 廊 洋 
DropDownList 和 Lable 控件 。 


(2) 配置 SqldataSourcel 数据 源 为 Product 表 。 

(3) 配置 GridViewl ,选择 SqldataSourcel 为 数据 
源 , 通 过 智能 标记 选择 分 页 ,排序 。GridView 控件 实现 ”图 7-14 DropDownList 运行 结果 
分 页 功能 也 可 将 其 属性 Allowpaging 值 设 为 True。 其 
分 页 效果 可 以 在 该 属性 中 设置 ,包括 分 页 类 型 的 属性 Mode、 用 于 “第 一 页 ”按钮 图 像 URL 
的 属性 等 。 要 实现 更 多 功能 请 关注 该 控件 的 属性 值 。 

(4) 设置 DropDownListl 的 属性 ,其 源 代码 为 ; 





<asp:DropDownList ID="DropDownList1l" runat="server"> 
<asp:ListItem>2</asp:ListItem> 
<asp:ListItem>3</asp:ListItem> 
<asp:ListItem>4</asp:ListItem> 


</asp:DropDownList> 


(5) 启用 DropdownList 的 SelectedIndexChanged 事件 ,并 进行 后 台 代码 设置 。 
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protected void DropDownListl1 SelectedIndexChanged(object sender, EventArgs e) 
{ 
GridViewl.PageSize=Convert.ToInt32(DropDownListl.SelectedValue); 
GridView1.DataBind (); 
} 


(6) 启用 GridView 的 RowDataBound 事件 ,并 进行 后 台 代码 设置 。 


Protectd void GridViewl RowDataBound (object sender,GridViewRowEventArgs e) 

{ 
Label1.Text=" 当 前 页 为 第 "+ (GridView1.PageIndex+1) .ToString ()+" 页 ,共有 " 
+GridView1.PageCount .ToString()+" 页 "7 

} 


按 F5 键 调试 程序 ,运行 结果 如 图 7-15 所 示 。 





- DO x 
铺 htpy/localhost8945 PD » 上 | @ localhost 
每 页 显示 |2 v| 条 记录 
IdiCategory_Id| Name [Nam Price| Jmage 
11 方便 面 20 |11.00|-images/lfbm jpg 
2 可 乐 |10 |3.00 |-imageylktjpg 
1234 


当前 页 为 第 1 页 ， 共 有 4 















































图 7-15 DropDownList 分 页 运行 结果 


实例 7-4” 自 定义 GridView 绑 定 列 。 

数据 表 的 列 较 多 时 ,或 者 在 特定 情况 下 ,不 需要 将 所 有 的 数据 列 展现 出 来 ,就 需要 定 
制 列 了 ,在 实例 7-3 的 基础 上 进行 设置 ,具体 操作 步骤 如 下 。 

(1) 在 GridView 的 智能 标记 中 选择 “编辑 列 ”, 打 开 字段 面板 进行 设置 。 

(2) 对 字段 的 定制 主要 涉及 以 下 几 点 : 首先 可 以 删除 不 需要 显示 的 字段 ,例如 Image 
字段 ;其 次 ,添加 需要 的 字段 ,例如 ImageField 字段 用 于 展现 实际 Image 字段 路 径 中 的 图 
像 ; 第 三 ,通过 修改 属性 来 改变 字段 的 表现 形式 ,例如 设置 字段 的 HeaderText 属性 改变 
原来 字段 的 显示 内 容 。 设 置 细 节 如 图 7-16 所 示 。 

(3) 每 个 字段 的 属性 有 很 多 ,读者 可 以 根据 需要 设置 相关 的 属性 ,例如 可 以 设置 CSS 
来 隐藏 字段 ,注意 不 显示 和 隐藏 的 区 别 , 一 般 主键 和 外 键 字段 都 需要 作为 关键 字段 显示 ， 
如 果 不 显示 程序 结果 会 受到 影响 ,但 可 以 通过 设置 样式 属性 隐藏 起 来 。 

(4) 对 于 该 实例 , 主要 修改 的 字段 为 Id 字段 和 Category_Id 字段 的 HeaderStyle 和 
ItemStyle 属性 中 的 CssClass,Css 属性 为 以 下 代码 : 


NB/ 
\@ 一 
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Ei 


可 用 字 积 (A): 
5 HyperlinkField 


[可 magefed 
-机 ButonFeld 
由 是 CommandField 
汪 Templatefeld 
国 Dynamicfield 




















选 定 的 字段 (S): 
Category ld 
Name 
Num 
price 
























































图 7-16 添加 ImageField 属性 


<style> 
.Hide 
{ 
display:none; 
) 
</style> 


(5) 运行 结果 如 图 7-17 所 示 。 

实例 7-5 使 用 模版 列 。 

在 实际 应 用 中 ,仅仅 使 用 标准 的 列 不 能 满足 要 求 , 如 在 编写 字段 时 提供 数据 验证 功能 
等 。 通 过 使 用 模板 列 能 很 好 地 解决 这 些 问题 。 下 面 通过 编辑 模板 列 功能 实现 每 条 记录 前 
添加 复 选 框 按钮 控件 ,操作 步骤 如 下 。 

(1) 在 实例 7-4 的 基础 上 ,通过 智能 标记 打开 “编辑 列 ” 功 能 , 添加 模板 列 
TemplateField 和 CommandField 中 的 删除 功能 ,如 图 7-18 所 示 。 

(2) 在 GridView 智 能 标记 处 选择 “编辑 模板 ” ,选择 Column[ 6] 并 且 在 ItemTemplate 和 
HeaderTemplate 中 添加 一 个 CheckBox 控件 ,如 图 7-19 所 示 。 

(3) 选中 HeaderTemplate 中 的 CheckBox2 控件 ,将 CheckBox2 的 AutoPostBack 属 
性 设置 为 true, 同 时 双击 添加 事件 代码 如 下 : 


protected void CheckBox2 CheckedChanged (object sender, EventArgs e) 
' 

// 获 取 GridView 标题 行 中 CheckBox2 的 对 象 

CheckBox chkall= (CheckBox) sender; 
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foreach (GridViewRow gvRow in GridView1.Rows) 

| 
// 获 取 GridView 中 被 选择 的 对 象 
CheckBox chkItem= (CheckBox)gvRow.FindControl ("CheckBox1"); 
chkItem.Checked=chkall.Checked; 


可 用 外: 
- 畏 Imagefield 
- 国 ButtonField 
日 是 CommandField 
苇 疙 语 、 更 新 、 取 消 















属 htpy/localhost8945 用 








每 页 显示 DY] 条 记录 
丙 品 名 歼 量 | 单价 | 图 上 


hm mg 


可 乐 |10 8.00 



























































当前 页 为 第 1 页 ， 共 有 4 页 




















图 7-17 编辑 列 后 显示 结果 


GridView] - Column[6] 


F [CheckBox1] 








AlternatingltemTemplate 











EdittemTemplate 














HeaderTemplate 


eaderlemplate | 


FooterTemplate 




















图 7-19 编辑 模板 
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(4) 运行 即 可 实现 全 选 和 删除 功能 ,如 图 7-20 所 示 。 

实例 7-6 在 同一 页 显示 主 从 表 。 

数据 库 中 会 有 相关 的 多 个 数据 表 存 在 ,而 每 个 @ Be Bo Ei 
数据 表 一 般 都 有 相应 的 关系 ,可 以 通过 外 键 建立 关 “9 
系 ,在 项 目 中 ,经 常 需要 通过 对 主 表 的 选择 ,显示 相 二 = 如 
应 从 表 中 的 数据 ,如 实例 中 使 用 的 种 类 表 Category | 
和 商品 表 Products, 需 要 展现 不 同 种 类 的 商品 , 具 | 广 氏 而 2 中 = 由 险 
体操 作 步 骤 如 下 。 

(1) 在 新 建 页 面 中 添加 SqldataSource 和 
GridView 控件 各 两 个 。 

(2) 配置 SqldataSourcel 数据 源 为 Category 
表 , 并 且 与 GridViewl 控件 绑 定 , 在 如 图 7-21 所 示 图 7-20 运行 结果 
的 GridView 控件 配置 中 选 定 “ 启 用 选 定 内 容 ”。 

















































































































asp: atasourser SalDatasouree! 
E IdName Descriptionl<| Gridview { 务 
be be sma 
选择 2 abc_labc 选择 数据 源 : | SqlDataSource1 v 
选择 3 abc_abc 本 二 数据 源 .。 = 
选择 4 labe jabc 及 
有 
添加 新 列 .… 
启用 分 页 
启用 排序 
编 强 模板 
图 7-21 运行 结果 


(3) 配置 SqldataSource2 数据 源 为 Product 表 , 在 如 图 7-22 所 示 的 对 话 框 中 单 击 
WHERE 按钮 ,设置 如 图 7-23 所 示 。 

(4) 单 击 “添加 ”按钮 ,完成 SqldataSource2 的 配置 后 对 GridView2 进行 绑 定 。 和 运行 
调试 程序 , 即 可 看 到 主 表 Category 的 选择 决定 了 从 表 Products 数据 的 显示 ,如 图 7-24 
所 示 。 

(5) 当然 , 主 从 表 控 件 不 一 定 必须 使 用 GridView 控件 ,有 兴趣 的 读者 ,可 以 将 主 表 的 
GridView 控件 更 换 成 DropDownList 控件 。 

实例 7-7 在 不 同 页 显示 主 从 表 。 

主 从 表 的 显示 是 经 常用 到 的 操作 ,实例 7-6 主要 讲解 的 是 同一 页 显示 主 从 表 , 不 涉及 
数据 跨 页 传递 的 问题 ,有 些 项 目 需要 实现 不 同 页 显示 主 从 表 数 据 ,这 就 需要 涉及 不 同 页 之 
间 的 参数 传递 ,来 决定 从 表 的 显示 结果 ,下 面 介 绍 不 同 页 显示 主 从 表 的 操作 步骤 。 
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本 村 数据 源 - SqlDataSource2 ?7 x 





〇 指定 自 定义 SQL 语句 或 存储 过 程 (9) 

图 指定 来 自 志 或 视图 的 列 四 

名 称 (M): 

Products ~ 


列 (O); 

回 * REB 叭 - 行 日 
Oi 
口 caegoy 1d 区 
口 Name 
DD Num ORDER BY(R).. 
口 pree 
Dimage 问 W- 









































SELECT 语 名 人: 
SELECT* FROM [Products] A 

















[二 [CE 国王 喜 














图 7-22 配置 Products 表 的 WHERE 语句 





















































添加 WHERE 子 句 ?7 x 
向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 条 件 。 可 以 为 每 个 条件 指定 文本 值 或 参数 化 的 值 。 参 数 化 的 值 在 运行 时 根据 其 属性 获 
取 值 . 

列 0: 外 键 列 参数 导 性 

运算 和 (p): 
E v 

源 (9): 

[ee | 
SQL 表 太 式 信 
二 二 二 一 一 二 二 
WHERE 子 句 (W): 

SQL 表达 式 值 BE) 
Ce 

















7-23 添加 WHERE 子 句 
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= 省 x 





ee D)|@ rep//localhosta0s5, P = © | @ localhost x 国 全 


| ral Name | Description | 
本 
医 名 > 质 具 类 叶 乐 “| 
选择 |3 旧 化 类 洗浴 、 化 妆 品 
选择 4 | 数码 类 电子 设备 


到 9 节 于 王 天 
caegory Tol Name Numfprice] mage | 


方便 面 20 |11.00|~/images/1/fbm.jpg 
可 乐 |10 |3.00 |~/images/l/kljpg 














图 7-24 同一 页 显示 主 从 表 运 行 结果 


(1) 新 建 两 个 Web 窗 体 文件 Eg7_7_1.aspx 和 Eg7_7_2. aspx, 并 在 两 个 页 面 中 分 别 
添加 各 自 的 SqldataSource 和 GridView 控件 。 

(2) 在 Eg7_7_1. aspx 页 面 中 设置 SqldataSource 数据 源 为 Category 表 的 数据 。 

(3) 将 设置 好 的 数据 表 绑 定 到 GridView 控件 中 ,并 且 选 择 “ 编 辑 GridView 的 列 ”, 删 
除 原 有 的 种 类 名 Name 字段 ,添加 一 个 HyperLinkField, 目的 是 想 通 过 超 链接 的 方式 将 主 
键 值 绑 定 在 Name 字样 上 ,传递 给 其 他 页 。 设 置 如 图 7-25 所 示 。 


这 段 


可 用 字段 (A): HypertinkField 属性 B): 
由 是 CommandField 国 &|z 

调 TemplateField 

昌国 Dynamicfield 
四 Id 

看 Name AccessibleHeaderTe: 

症 Description 








DataNavigateUrlField ld 
DataNavigateUrlForr Eg7 7 2.aspx?id={0} 
DataTextField Name 

















选 定 的 字段 (9): 











时 FooterText 
HeaderimageUrl 
Description 





















































图 7-25 设置 GridView 的 HyperLinkField 字段 属性 


(4) 对 页 面 Eg7_7_2. aspx 的 SqldataSource 数据 源 配置 参考 实例 7-6 所 示 ,在 选择 
WHERE 条 件 时 将 “ 源 ” 设 置 为 QueryString。 如 图 7-26 所 示 。 
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添加 WHERE 子 句 ?7 Xx 


向 语句 的 WHERE 子 句 中 添加 一 个 或 多 个 冬 件 。 可 以 /为 每 个 冬 件 指定 文本 东 或 参数 化 的 值 。 参数 化 的 信 在 运行 时 根据 其 属性 获 
取 值 






































hin 
EE 
= v 人 值 V: 
源 (S): 
[See "| 
SQL 表 式 舍 
[Category Id] = @Category Id Request QueryString("id") 
WHERE 子 句 (W): 
SQL 表 太 式 值 SE 

















图 7-26 设置 数据 源 的 条 件 


(5) 设置 好 的 SqldataSource 与 GridView 进行 绑 定 , 从 Eg7_7_1. aspx 运行 程序 。 


7.4 LINQ 数据 库 技术 


LINQ(Language Integrated Query) 是 一 种 与 . NET Framework 中 使 用 的 编程 语言 
紧密 集成 的 新 查询 语言 ,为 查询 数据 提供 了 一 个 统一 的 方法 ,使 得 可 以 像 使 用 SQL 查询 
数据 库 那 样 从 , NET 编程 语句 中 直接 查询 数据 ,并 且 具 备 很 好 的 编译 时 语法 检查 丰富 的 
元 数据 ,智能 感知 ,静态 类 型 等 强 类 型 语言 的 优点 。 此 外 ,LINQ 还 使 得 查询 可 以 方便 地 
对 内 存 中 的 信息 进行 查询 (而 不 仅仅 只 是 外 部 数据 源 ) 。 事 实 上 ,LINQ 语法 部 分 借鉴 了 
SQL 标准 语言 ,熟悉 SQL 的 编程 人 员 能 更 容易 上 手 。 

基本 的 SQL 查询 语句 与 . NET 结合 起 来 ,开发 一 个 小 型 的 后 台 管 理 系 统 ,整个 过 程 
是 怎么 样 的 ? 首先 创建 一 个 与 数据 库 的 连接 ,然后 创建 一 个 查询 命令 并 存 到 一 个 字符 串 
变量 中 ,接着 是 打开 数据 库 ,之 后 执行 并 返回 相应 的 结果 ,最 后 将 数据 库 的 连接 关闭 。 那 
换 成 LINQ 会 怎样 呢 ? 答案 是 “简单 得 很 ,只 要 通过 LINQ 中 的 LINQ To SQL 简单 地 
将 要 操作 的 目标 数据 表 映 射 成 . NET 中 的 一 个 类 ,之 后 就 是 类 的 对 象 直接 调用 了 ,对 数据 
库 的 连接 与 关闭 也 不 用 关心 。 这 样 的 话 ,就 会 发 现 ,LINQ 数据 查询 已 经 与 . NET 浑然 天 
成 了 。 而 且 在 用 标准 SQL 查询 语言 实现 后 台数 据 库 的 访问 时 ,如 果 查 询 命令 字符 串 写 错 
了 ,系统 是 不 能 在 编译 时 检测 出 来 的 ,只 有 运行 的 时 候 才 会 报错 。 如 果 用 LINQ 查询 的 
话 ,由 于 机 制 本 身 的 原因 ,能 够 在 系统 编译 时 及 时 报错 ,提高 了 工程 项 目 效率 。 

由 于 被 集成 到 语言 本 身 中 ,而 不 是 特定 的 项 目 里 ,所 以 LINQ 可 以 用 于 各 种 项 目 , 包 
括 Web 应 用 程序 、Windows 窗 体 应 用 程序 、 控 件 台 应 用 程序 等 。 下 面 用 一 个 最 简单 经 典 
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的 实例 ,展示 一 下 LINQ 的 魅力 。 

实例 7-8 使 用 LINGQ 技术 查询 数据 。 

LINQ to SQL 是 基于 关系 数据 的 . NET 语言 集成 查询 ,用 于 以 对 象形 式 管理 关系 数 
据 , 并 提供 了 丰富 的 查询 功能 。 有 了 LINQ To SQL ,可 以 将 大 量 的 数据 库 对 象 (如 表 、 视 
图 存储 过 程 等 ) 转 换 为 可 以 在 代码 中 访问 的 . NET 对 象 ,然后 在 查询 中 使 用 这 些 对 象 或 
是 直接 在 数据 绑 定 场景 中 使 用 它们 ,下面 使 用 LINQ 技术 实现 数据 表 在 GridView 控件 
中 的 数据 显示 功能 。 

(1) 在 Web 窗 体 页 面 Eg7_8. aspx 中 ,添加 一 个 GridView 控件 。 

(2) 在 解决 方案 资源 管理 器 中 右键 单 击 项 目 名 ,选择 “添加 新 项 ”, 添 加 LINQ to SQL 
类 视图 文件 ,如 图 7-27 所 示 。 询 问 是 否 移 至 App_Data 文件 夹 , 单 击 “ 是 ”按钮 ,界面 如 
图 7-28 所 示 , 该 界面 有 两 个 设计 图 面 , 当 用 户 将 数据 表 拖 到 左 侧 的 设计 图 面 时 ,LINQ to 
SQL 会 自动 完成 将 表 映 射 成 一 个 . NET 类 的 操作 ;而 将 存储 过 程 等 拖 到 右 侧 的 设计 图 面 
时 ,会 将 其 映射 成 为 相应 类 中 的 方法 。 





国 JScript 文 件 Visual C# 

加 oss Visual C# 

区 Silverlight 1.0 JScript 页 Visual C# 
有 


DataClasses.dbml 将 代码 放 在 单独 的 文件 中 (P) 








7-27 创建 LINQ to SQL 类 













ogg 第 10 章 UNQ- Microsoft Visual Studio( 营 理 员 ) 
闻 昌 加 日 厢 M 网 站 (S】 生成 (8) 斋 D 辑 IM 关内 工具 4 和 ON 
i Bd S18 -S| 


Li App_Code/DataClasses.dbml x 

















Debug -| setupeoy 


















7-28 LINQ to SQL 类 设计 视图 


(3) 将 创建 好 的 数据 表 Category 和 Products 从 “服务 器 资源 管理 器 ”中 拖 到 左 侧 的 
设计 图 面 中 并 保存 ,如 图 7-29 所 示 。 
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图 7-29 将 数据 表 拖 入 设计 视图 


(4) 在 后 台 CS 文件 的 Page_Load 事件 中 写 代码 ,实现 数据 表 Category 显示 功能 , 代 
码 如 下 。 


public partial class Eg7 8: System.Web.UI.Page 
{ 
// 创 建 LINQ To SOL 类 的 数据 链接 对 象 db 
DataClasseslDataContext db=new DataClasseslDataContext () 
protected void Page Load (object sender, EventArgs e) 
{ 
// 利 用 LINQ 的 SELECT 语句 实现 数据 库 查 询 结果 集 
var results=from r in db.Category 
select r; 
// 给 数据 显示 控件 GridViewl 指明 数据 源 , 并 实现 数据 绑 定 


GridViewl .DataSource=results; 
GridView1.DataBind () 7? 


} 


(5) 按 F5 键 调试 运行 , 即 可 将 数据 表 Category 数据 显示 在 GridView 控件 中 。 

LINQ To SQL 可 以 简单 而 灵活 地 使 用 。 通 过 将 数据 库 对 象 (如 表 、 视 图 ,存储 过 程 
等 ) 直 接 拖 到 dbml 中 的 设计 图 面 中 , LINQ To SQL 系统 就 自动 建立 了 数据 库 到 . NET 
类 的 映射 。 在 LINQ 基本 语法 中 ,db. Category 本 身 是 由 数据 库 中 的 一 张 数据 表 映 射 而 
来 ,所 以 一 定 要 注意 ,db. Category 指 的 是 数据 库 中 Category 这 张 表 的 所 有 数据 , 即 所 有 
行 数据 的 集合 概念 。 通 过 下 面 的 例子 演示 ,可 以 加 深 对 这 种 机 制 的 理解 。 

实例 7-9 复杂 LINQ 查询 。 

现在 开始 从 SELECT 基本 语句 人手 ,来 全 面 了 解 一 下 LINQ To SQL, 这 些 最 常用 的 
语句 主要 由 WHERE 操作 符 、.DISINCT 操作 符 、 SELECT 匿名 类 型 ORDERBY 排序 以 
及 简单 聚合 函数 组 成 。 

(1) 将 实例 7_8 的 基础 上 进行 操作 。 在 页 面 上 继续 放置 一 个 GridView2 控件 。 在 
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CS 文件 中 增加 一 个 数据 表 显示 方法 ShowProducts, 用 来 显示 商品 表 。 具 体 代码 如 下 。 





(2) SQL 命令 中 的 WHERE 作用 = 是 起 到 范围 限定 也 就 是 过 滤 作 用 的 ,而 判断 条 件 
就 是 它 后 面 所 接 的 子 句 。 例 如 ,实现 从 数据 库 中 检索 出 数量 少 于 10 的 商品 信息 并 通过 网 
页 显示 数据 的 功能 方法 ,代码 如 下 。 





(3) 实现 筛选 整 张 数据 表 里 特 定 序列 的 数据 ,如 果 局 限于 一 列 ,如 下 代码 即 可 实现 。 





此 时 ,如 果 要 投影 筛选 需要 两 列 或 更 多 列 数据 呢 ? 读者 可 能 马上 想到 在 select 1. 
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Name 后 面 追 加 “r. Num” 等 代码 ,但 调试 发 现 ,不 能 通过 编译 , 这 个 时 候 就 要 引入 
SELECT 匿名 类 型 ,其 实质 是 编译 器 根据 定义 自动 产生 一 个 匿名 的 类 来 帮助 实现 临时 变 
量 的 储存 。 

例如 ,通过 SELECT 匿名 类 型 筛选 Name 和 Num 两 列 数据 ,并 给 Name 起 别名 “ 商 
品名 ”。 代 码 如 下 。 


var results=fromr in db.Products 


select new {商品 名 =r.Name ，r .Num}; 


运行 结果 如 图 7-30 所 示 。 厂商 品名 [NU 









































(4) LINQ To SQL 中 的 排序 操作 符 ORDERBY 方便 而 po 
同 SQL 中 的 ORDER BY 语句 用 法 是 一 样 的 ,结合 相 Bi 
应 关键 字 ASCENDING 、 DESCENDING 可 实现 升 变形 金刚 | 
序 、 降 序 、 主 从 复合 排序 等 ,在 实际 的 数据 库 交 互 中 使 于 
用 频率 很 高 ,例如 选 出 表 Products 中 的 所 有 数据 ,并 全 由 
按照 Price 升序 排序 , 当 价格 相同 时 , 按 Id 降序 排序 。 腾 澡 由 |2 | 
代码 如 下 : 图 7.30 select 匿名 类 型 运行 结果 


public void ShowProducts () 
{ 
Var results=from r in db.Products 
orderby r.Price ascending, r.Id descending 
Select r; 
GridView2.DataSource=results; 
GridView2.DataBind (); 
} 


运行 结果 如 图 7-31 所 示 。 












































dCategory Id Name |Num| Price Image 

5 搓 澡 巾 |2 |2.00 |~/images/S/czj.jpg 
pl 可 乐 10 |3.00 |~/images/1/kljpg 
63 大 宝 4 |10.00 |-/images/3/dbjpg 
1 方便 面 ”|20 |11.00 |~/images/l/fom.jpg 
5 3 绿 伴 洗衣 液 |3 |22.00 |~/images/3/lsjpg 
3 2 芭比 娃娃 |5 |50.00 |~/images/2/bbww.jpg| 
4 变形 金刚 |3 |88.00 |-/images/2/bxjgjpg 
7 14 手机 2 |3000.00|~/images/4/sx.jpg 


7-31 排序 -查询 运行 结果 


至 此 ,读者 应 对 LINQ 及 LINQ To SQL 已 经 有 了 一 定 的 了 解 , 并 且 能 够 进行 简单 的 
数据 检索 了 。 数 据 库 除了 基本 的 查询 功能 以 外 ,还 有 3 种 操作 可 以 编辑 修改 数据 库 ,分 别 
是 插入 、 删 除 和 更 新 。 而 对 于 LINQ To SQL 的 数据 插入 、 删 除 和 更 新 操作 , 相 比 传统 的 
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SQL 操作 ,LINQ 灵活 ,简单 得 多 。 
实例 7-10 使 用 LINQ 技术 插入 数据 。 Eg7 9aspx © X 
下 面 通过 增加 一 条 商品 记录 来 说 明 LINQ | 号 5 二 请 可 






的 插入 功能 ,步骤 如 下 。 Ne = 
(1) 在 页 面 添加 1 个 下 拉 列 表 DropDownList 数量 
控件 ,4 个 文本 框 TextBox、1 个 Button 按钮 以 a 





及 1 个 Label 标签, 页 面 设计 如 图 7-32 所 示 , 此 Te 
时 注意 由 于 主键 Id 设计 为 自 累加 功能 ,用 户 无 








须 也 不 能 给 Id 赋值 。 三 到 | 
(2) 首先 ,为 了 保证 商品 种 类 数据 来 源 于 种 图 7-32 前 台 设 计 


类 表 , 需 要 绑 定数 据 给 商品 种 类 下 拉 列 表 ; 另 外 ， 
为 了 友好 化 考虑 ,可 以 定义 一 个 显示 所 以 商品 数据 的 方法 ,具体 后 台 源 代码 如 下 : 


DataClasseslDataContext db=new DataClasseslDataContext (); 
public void BindCategory () 
{ 
Var results=fromr in db.Category 
select r; 
DropDownListl1.DataSource=results; 
DropDownList1.DataTextField="Name"; 
DropDownList1.DataValueField="Id"; 
DropDownList]1.DataBind(); 


} 
public void showAll () 
{ 
Var results=from r in db.Products 
Select r; 
GridViewl.DataSource=results; 
GridView1.DataBind (); 
} 
protected void Page Load(object sender, EventArgs e) 
{ 
BindCategory (); 
showAll (); 
} 


(3) 插入 新 商品 按钮 的 主要 功能 代码 如 下 : 


protected void Buttonl Click(object sender, EventArgs e) 


Products newP=new Products (); 
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(4) 运行 ,在 文本 框 中 依次 输入 要 输入 的 数据 ,然后 单 击 按钮 ,结果 如 图 7-33 所 示 。 

商品 种 关 : 

商品 名 ; 

数量 BE | 

价格 

图 片 路 径 可 为 宝 : 

[ia | 

[dlCategory Id Name [Num| Price| Image | 

IL /方便面 |20 |11.00 |~/images/l/fbmijpg | 

pl Ig 乐 lio 800 /imageslkljpg | 

Bp | 芭比 妊 娃 |5 |50.00 [~/images/2/bbwwjpg| 

4 2 | 变形 金刚 |3 |88.00 [~/images/2/bxjgijpg | 

5 8 | 绿 全 洗衣 液 3 |22.00 |~iimages/3/lsipg | 

6B 大宝 4 i000 [images/3/dbjpg | 

74 二 机 2 js000.00 

po Fimagesskeajpg | 

LU 如 oo | 

lh RR 积 *B po | | | 
7-33 ”添加 数据 运行 结果 
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当 要 在 一 个 事件 中 插入 多 行 数据 时 ,只 需 定义 数据 表 类 的 多 个 对 象 并 分 别 初始 化 , 然 
后 把 这 些 对 象 存 到 一 个 集合 中 ,如 列表 List, 最 后 调用 方法 InsertAllOnSubmit() 即 可 。 

实例 7-11 使 用 LINQ 技术 删除 数据 。 

数据 删除 同 数据 插入 一 样 ,也 要 确定 对 象 , 即 要 删除 哪 一 个 。 需 要 注意 的 是 ,如 果 只 
删除 单一 的 对 象 , 即 删除 数据 表 中 一 行 数 据 而 已 ,那么 在 确定 这 个 对 象 时 ,应 选 像 主 键 这 
样 的 能 唯一 标识 对 象 的 字段 , 获得 了 要 删除 的 对 象 后 , 调用 数据 删除 方法 
DeleteOnSubmit() 和 数据 库 更 新 方法 SubmitChanges() ,完成 数据 从 数据 库 表 中 的 删除 
操作 。 具 体 步骤 如 下 : 

(1) 在 页 面 设计 视图 下 ,从 工具 箱 中 拖 出 1 个 TextBox、1 个 Button 按钮 、1 个 Label 
标签 以 及 1 个 GridView 控件 ,前 台 设 计 如 图 7-34 所 示 。 


清 输入 要 聘 除 的 商品 号 ， [Mrabel1] 


Column0 Columnl1 Column2 
abc abc abc 
abc abc abc 





abc abc abc 
abc abc abc 
abc abc abc 





图 7-34 前 台 设计 页 面 
(2) 后 台 代 码 如 下 。 


DataClasseslDataContext db=new DataClasseslDataContext (); 
public void showAll () 
{ 
Var results=from r in db.Products 
Select r; 
GridViewl.DataSource=results; 
GridView1.DataBind (); 
} 
protected void Page Load(object sender, EventArgs e) 
{ 
showAll (); 


protected void Buttonl Click(object sender, EventArgs e) 
{ 
if (TextBoxl.Text !="") 
{ 
int id=int.Parse (TextBox1.Text) ; 
var results=fromr in db.Products 
Where .Id==id 
select r; 
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if(results.Count () >0) 
try 
{ 
db.Products.DeleteAllOnSubmit (results); 
db.SubmitChanges (); 
showAll (); 
Label1l.Text= "删除 成 功 !"， 
}catch { } 
else 


Label1.Text=" 无 相关 记录 可 以 删除 "; 
| 


(3) 运行 结果 如 图 7-35 所 示 。 























请 输入 要 出 除 的 商品 号 T x]| 出 除 | 删除 成 功 | 
加 Category Id Name |Num| Price Image 
1 方便 面 .00 “|~/images/l/fbm.jpg 








~/images/1/kl.jpg 
2 


变形 金刚 .00 |~/images/2/bxjg.jpg 
绿 伞 洗衣 液 .00 “|-/images/3/lsjpg 
大 宝 .00 “|-/images/3/db,jpg 
手机 






























































7-35 ”删除 数据 运行 结果 


(4) 当然 ,如 果 在 数据 显示 控件 GridView 中 每 行 增加 一 个 “删除 ?按钮 ,用 户 需 要 删 
除 哪 行 只 需 单 击 改 行 的 "删除 ?按钮 即 可 实现 删除 功能 ,是 最 为 理想 的 一 种 方法 。 现 在 我 
们 需要 给 GridView 控件 “编辑 列 ”, 增 加 一 个 删除 按钮 ,添加 过 程 如 图 7-36 所 示 ,添加 后 
的 GridView 如 图 7-37 所 示 。 

(5) 需要 给 GridView 控件 增加 删除 功能 ,代码 如 下 : 


»/ 
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图 7-36 添加 删除 功能 按钮 


请 输入 要 出 除 的 商品 号， 本 ln 


Column0ColumlColum2 
abc abc 


abc abc 
abc abc 
abc abc 





abc labc 


图 7-37 添加 删除 功能 按钮 后 的 GridView 


protected void GridView] RowDeleting (object sender, GridViewDeleteEventArgs e) 
{ 

var results=from r in db.Products 

where r.Id==int.Parse (GridView].Rows[e.RowIndex] .Cells[1] .Text) 
select r; 

db.Products.DeleteAllOnSubmit (results); 

db.SubmitChanges (); 

showAll (); 


(6) 为 了 提高 用 户 体验 性 ,可 增加 是 否 确定 删除 功能 ,根据 用 户 的 选择 结果 决定 是 否 
删除 ,代码 如 下 : 


protected void GridView1 RowDataBound (object sender, GridViewRowEventArgs e) 


if(e.Row.RowType==DataControlRowType.DataRow) 
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LinkButton del= (LinkButton)e.Row.Cells[0].Controls [0]; 
del.0nClientClick="return confirm(' 确 定 删除 该 记录 吗 ? ') "7 


} 
(7) 运行 结果 如 图 7-38 所 示 , 用 户 单 击 取消 表示 不 删除 记录 ;用 户 单 击 确定 即 可 删 
除 相关 记录 。 


























IdlCategory Id Name |Num| Price Image 
| 删除 |1 |1 方便 面 |20 |11.00 |~/images/l/fom.jpg 
删除 2 |1 可 乐 10 |3.00 |-/images/lkLjpg 
| 删除 |3 |2 芭比 娃娃 |5 |50.00 |~/images/2/bbww.jpg| 
删除 4 | 变形 金刚 |3 |88.00 |~/images/2/bxjg.jpg 
| 删除 |5 3 绿 伞 洗 衣 液 3 。 |22.00 |~/images/3/lsjpg 
删除 |6 3 大 宝 4 |10.00 |~/images/3/db.jpg 
刚 除 7 4 手机 2 |3000.00|~/images/4/sx.jpg 
| 删除 9 |5 搓 澡 巾 |2 |2.00 |-~/images/S/czj.jpg 
| 删除 |14|1 牛奶 11 |1.00 
































7-38 添加 删除 提示 功能 


实例 7-12 使 用 LINQ 技术 更 新 数据 。 

如 果 只 是 更 新 数据 表 中 的 一 行 数据 ,只 需 根 据 条 件 获 得 更 新 行 的 对 象 , 然 后 用 这 个 对 
象 直接 引用 更 新 字段 ,调用 更 新 方法 即 可 ,现在 实例 7-11 的 基础 上 实现 更 新 一 条 记录 的 
功能 ,操作 步骤 如 下 : 

(1) 在 页 面 设 计 视图 下 ,增加 控件 如 图 7-39 所 示 , 注 意 Panel 的 初始 化 状态 设 为 
false。 


(2)“ 读 取 该 商品 信息 ”按钮 事件 ,代码 如 下 。 


protected void Button2 Click(object sender, EventArgs e) 
if (TextBox2.Text!="") 
{ 
Panell.Visible=true; 
int id=int.Parse (TextBox2.Text); 
Products UptProduct=db.Products .Where (r=>T.Id==id) .FirstOrDefault (); 
TextBox3.Text=UptProduct.Category Id.ToString() 7? 


请 输入 要 册 除 的 商品 号 


的 商品 号， 











图 7-39 添加 更 新 功能 


(3)“ 确 定 更 新 ”按钮 事件 代码 如 下 : 
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catch 
' 
Labe12.Text=" 更 新 失败 1"; 


} 
(4) 运行 结果 如 图 7-40 所 示 。 


请 输入 要 更 新 的 商品 号 :||1 ”| 读 取 该 商品 信息 | | 
商品 种 类 号 : [1 








商品 名 : | 方便 面 














商品 数量 : |20 














商品 价格 [11.00 








商品 图 片 路 径 ， |~fimages/1/ftbmjpg 


请 输入 要 更 新 的 商品 号 : |1 读 取 该 商品 信息 
商品 种 类 号 ; [1 






































商品 名 :| 方便 面 














商品 数量 ，[10 














商品 价格 ，|11.00 








商品 图 片 路 径 ，|~/images/1/fbmjpg 


[IdlCategory Id Name 



















Num 





88.00 |~/images/2/bxjg.jpg 
22.00 |~/images/3/lsjpg 
10.00 |~/images/3/dbjjpg 
3000.00|~/images/4/sx.jpg 
2.00 |~/images/S/czj jpg 






































| 
SSIElwi 





图 7-40 更 新 数据 运行 结果 


(5) 到 这 里 ,读者 或 许 会 想 该 如 何 用 LINQ To SQL 实现 “同时 修改 多 行 数据 ” 呢 ? 
其 实 ,任何 与 数据 库 交 互 的 程序 代码 ,都 不 能 在 同一 个 时 刻 修改 多 行 ,在 最 底层 ,也 都 是 通 
过 循环 、 逐 行 遍历 ,取得 相应 的 值 然后 修改 ,这 里 的 “同时 修改 ”, 应 当做 是 在 一 个 事件 方法 
中 修改 多 行 。 这 里 给 出 一 个 简单 的 思路 : 使 用 SELECT 关键 字 能 够 在 LINQ 循环 结束 
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后 获得 一 个 集合 ,然后 结合 foreach 循环 ,逐次 读 取 其 中 一 个 对 象 进行 修改 ;最 后 ,等 
foreach 循环 结束 后 更 新 数据 库 。 感 兴趣 的 读者 可 以 查阅 其 他 资料 。 

实例 7-13 LINQ 技术 实现 在 同一 页 显示 主 从 表 。 ER EX 

在 实例 7-6 中 使 用 了 控件 自 带 功能 实现 了 主 从 表 同一 
的 显示 ,下 面 通过 LINQ 技术 实现 主 从 表 的 显示 功能 。 
具体 步骤 如 下 : 

(1) 主 表 Category 可 以 采用 DropDownList 控件 
绑 定 ,也 可 以 采用 GridVIew 控件 绑 定 。 这 里 采用 
DropDownList 控件 显示 。 在 Web 窗 体 页 面 添加 1 个 7-41 DropDownList 和 Gridview 
DropDownList 控件 和 1 个 子 表 显 示 控 件 GridView, 如 主 从 表 布局 
图 7-41 所 示 。 

(2) 首先 实现 把 DropDownList 控件 与 主 表 Category 绑 定 ,其 次 ,把 Gridview 控件 
与 子 表 Products 绑 定 , 后 台 代 码 如 下 : 


Column0 Columnl Column2| 





DataClasseslDataContext db=new DataClasseslDataContext (); 
public void showCategory () 
{ 
Var results=from r in db.Category 
Select r; 
DropDownList1.DataSource=results; 
DropDownList1.DataTextField="Name"; 
DropDownList1.DataValueField="Id"; 
DropDownList]1.DataBind(); 


} 
public void showProducts () 
Var results=from r in db.Products 
where r.Category Id==int.Parse (DropDownList1.SelectedValue) 
Select r; 
GridViewl.DataSource=results; 
GridView1.DataBind (); 
上 
protected void Page Load(object sender, EventArgs e) 
{ 
showCategory (); 
ShowProducts (); 
ph 


(3) 主 表 DropDownList 中 选项 发 生 改 变 ,从 表 GridView 显示 结果 也 会 随 之 发 生 改 
变 , 需 要 实现 DropDownList 的 changed 事件 ,并 设置 DropDownList 的 AutoPostBack 属 
性 为 True,Page_Load 事件 代码 也 需要 进行 条 件 修改 ,具体 后 台 代码 如 下 : 
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protected void Page Load(object sender, EventArgs e) 
{ 
if(!IsPostBack) 
{ 
showCategory (); 


ShowProducts (); 


1 
protected void DropDownListl1 SelectedIndexChanged(object sender, EventArgs e) 
{ 

ShowProducts (); 


} 


(4) 运行 , 即 可 实现 根据 主 表 Category 的 选择 显示 子 表 Products 相关 数据 记录 ,如 
图 7-42 所 示 。 





人 @ htpy/localhost8945  * 上 | @ localhost x| 









站 Price Image 
~/images/2/bbww.jpg| 
88.00|~/images/2/bxjg.jpg 






二 























图 7-42 运行 结果 


实例 7-14 LINQ 技术 实现 在 不 同 页 显示 主 从 表 。 

不 同 页 显示 主 从 表 和 同一 页 显示 主 从 表 的 工作 原理 一 样 ,只 是 对 于 子 表 的 查询 条 件 
需要 涉及 到 不 同 页 参数 传递 的 问题 ,具体 操作 步骤 如 下 : 

(1) 在 Web 窗 体 页 面 Eg7_14_1. aspx 中 添加 GridView 控件 并 与 主 表 Category 绑 
定 ,GridView 控件 需要 通过 编辑 列 功能 ,实现 列 的 自 定义 ,根据 Category 表 字 段 添加 2 
个 BoundField 字段 和 1 个 HyperLinkFiled 字段 ,并 分 别 设置 每 个 字段 的 属性 ,设置 如 
图 7-43(a) .图 7-43(b) 和 图 7-43(c) 所 示 。 

(2) 对 于 主 表 Category 的 数据 绑 定 后 台 代 码 如 下 : 


DataClasseslDataContext db=new DataClasseslDataContext () 
public void showCategory () 
{ 
Var results=from r in db.Category 
Select r; 
GridViewl.DataSource=results; 
GridView1.DataBind (); 


\@®/ 
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上 
protected void Page Load(object sender, EventArgs e) 
{ 
showCategory (); 
} 














BoundField 









A 
FB CheckBorfield ShowHeader [True ~ 
Fa HypertinkField SortExpression | 

“一 Imagefield ValidateRequestMoc herit 

 - 量 ButonFeld Visible True 

CommandField 
































































































































图 7-43(b) 设置 BondField 列 Deseription 字段 
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DataTextfield Name 





略 人 
可 用 字段 (A): Hyperlinkfield 恬 性 (p): 
BoundField 和 国 吧 | 天 
团 CheckBoxfield Target ~ 
~ HyperlinkField F 
- 国 ImageField | 
四 ButtonField AccessibleHeaderTe 
由 是 CommandField | 
调 TemplateFeld v DataNavigateUrlFiel Id 中 
DataNavigateUriForr Eg7 14 2.aspx?id={0} | 
1 
| 
| 












































口 自动 生成 字 良 (9) T ield 











图 7-43(c) 设置 HyperLinkField 列 Name 字段 
(3) 在 Web 窗 体 Eg7_14_2. aspx 页 面 中 添加 子 表 绑 定 控件 GridView, 后 台 代 码 如 下 : 


DataClasseslDataContext db=new DataClasseslDataContext (); 
public void showProducts () 


{ 
Var results=from r in db.Products 
where r.Category Id==int.Parse(Request.OueryString["Id"]) 
Select r; 
GridViewl.DataSource=results; 
GridView1.DataBind (); 
上 
protected void Page Load(object sender, EventArgs e) 
Ul 


showProducts (); 


} 
(4) 从 Eg7_14_1. aspx 页 面 运行 , 单 击 种 类 名 , 即 可 跳 转 到 Eg7_14_2. aspx 页 面 显 示 
相关 种 类 的 商品 ,如 图 7-44(a) 和 图 7-44(b) 所 示 。 


人 © 加 hapy/ocalhostso45/Eo7 14 1.aspx | DP » © | @localhost x 


商品 种 类 号 | 商品 种 类 名 | 商品 种 类 描述 | 
1 品 吃喝 





























7-44(a) 主 表 页 运行 结果 图 


Se 
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@s 
dlCategory Id| Name [NumlPrice Image | 
Bb | 芭比 娃娃 5 |50.00|~/images/2/bbwwjpgl 
| 变形 金刚 3 。 |88.00|-/images/2/bxjgjpg | 




















图 7-44(b) 从 表 页 运行 结果 图 


7.5 本 章 小 结 


数据 库 是 一 个 动态 网 站 的 信息 仓库 ,简单 地 说 ,一 个 动态 网 站 的 前 台 显 示 页 面 是 通过 
各 种 方式 读 取 数 据 库 并 且 显示 ,而 网 站 后 台 是 对 数据 库 的 添加 \ 删 除 、 修 改 等 的 操作 。 

数据 源 控件 主要 通过 设置 相应 属性 实现 数据 访问 ,数据 绑 定 控件 可 以 通过 数据 访问 
技术 对 数据 进行 数据 查询 \ 插 入 、 删 除 和 更 新 操作 。 

本 章 首 先 通过 基本 的 SQL 语句 对 数据 库 进行 访问 ,接着 使 用 LINQ 技术 连接 数据 
库 ,LINQ 是 一 种 强大 而 灵活 的 数据 查询 机 制 , 在 将 来 的 实际 项 目 开发 中 会 扮演 越 来 越 重 
要 的 角色 。 

LINQ 本 身 来 源 于 传统 SQL 语法 ,是 对 SQL 语句 的 封装 。 在 执行 LINQ 时 ,程序 底 
层 要 先 将 LINQ 转化 成 SQL, 所 以 其 执行 效率 会 低 于 SQL 本 身 ; 还 有 就 是 LINQ 没有 达 
到 非常 完善 的 程度 (LINQ 出 现 的 时 间 尚 短 ) 。 目 前 阶段 ,只 能 完成 SQL 语句 中 90% 以 上 
的 功能 。 不 过 ,在 实际 使 用 中 ,可 以 人 为 地 优化 LINQ 本 身 。 实 验证 明 ,如 果 优化 合理 的 
话 ,LINQ 的 效率 还 是 非常 高 的 ,毕竟 在 大 的 项 目 中 ,整体 代码 量 会 比 传统 SQL 少 30 儿 一 
50%。 在 一 般 的 项 目 开发 以 及 频繁 使 用 的 场合 ,LINQ 能 够 完全 胜任 , 且 思 路 简单 ,易于 
理解 。 所 以 掌握 好 LINQ 对 于 程序 员 来 说 ,如 虎 添 受 , 是 不 可 多 得 的 神 兵 利器 。 


习 题 


1. 设计 一 个 网 页 查询 ,在 文本 框 中 输入 一 个 价格 后 单 击 确定 按钮 ,将 查询 的 结果 显 
示 到 GridView 控件 中 。( 要 求 对 文本 框 内 容 输入 进行 验证 ,设置 两 个 按钮 ,一 个 是 大 于 
输入 价格 的 , 另 一 个 是 小 于 输入 价格 的 ,用 SqlDataSource 实现 ) 

2. 创建 一 个 数据 库 , 用 LINQ 技术 实现 不 同 用 户 登录 功能 ,分 为 普通 会 员 和 管理 员 ， 
当 不 同 用 户 访问 页 面 时 ,在 GridView 控件 中 呈现 不 同 的 页 面 内 容 。 

3. 使 用 LINQ 技术 实现 用 户 登 录 , 当 用 户 无 效 时 ,显示 “输入 错误 ,请 重新 输入 !”, 合 
录 成 功 后 显示 欢迎 信息 。 
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8.1 主 题 


在 Web 应 用 程序 中 ,通常 所 有 的 页 面 都 有 统一 的 外 观 和 操作 方式 。ASP. NET 通过 
应 用 主题 ,来 提供 统一 的 外 观 。 每 个 主题 都 是 App_Themes 文件 夹 中 的 一 个 子 文件 夹 ， 
该 文件 夹 中 主要 包括 外 观 文件 级 联 样式 表 (CSS) 文 件 .图 像 和 其 他 资源 。 主 题 可 以 包 
括 多 个 外 观 文件 和 多 个 级 联 样式 表 , 但 是 至 少 必须 有 一 个 外 观 文件 。 


8.1.1 主题 的 创建 


创建 主题 即 创建 外 观 文件 或 .CSS 等 文件 。 

下 面 以 创建 红色 主题 Red 为 例 进行 讲解 。 其 操作 步骤 如 下 。 

(1) 添加 主题 文件 夹 。 在 项 目 右键 菜单 上 选择 “添加 ASP. NET 文件 夹 ”, 然 后 选择 
“主题 ”命令 ,并 命名 文件 夹 名 为 Red, 如 图 8-1 所 示 。 


BI 
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8-1 添加 主题 


(2) 添加 外 观 文件 。 在 Red 主题 文件 夹 右 键 菜单 上 选择 “添加 新 项 ”, 选 择 “外 观 文 
件 ”, 重 命名 为 Red. skin, 如 图 8-2 所 示 , 在 打开 的 Red. skin 文件 中 为 控件 添加 外 观 
属性 。 


SCBD /ASpNET 网 站 开发 者 
Ye 


园 旬 妆 书 例 (人 天 目 
4 是 cv 书 休 
》 国 Account 


》 向 App_Data 
4 AppThemes 
4 BB Red 
辐 Redskin 


» a Scripts 

各 Styles 

bp 图 Aboutaspx 

b 图 Defaultaspx 
机 Globalasax 

> Site.master 
国 Web.config 





图 8-2 添加 外 观 文件 
外 观 文件 默认 代码 如 下 。 


< 


默认 的 外 观 模板 。 以 下 外 观 仅 作为 示例 提供 。 


(1) . 命名 的 控件 外 观 。SkinId 的 定义 应 唯一 ,因为 在 同一 主题 中 不 允许 一 个 控件 类 型 有 重复 
的 SkinId。 


<asp:GridView runat="server" SkinId="gridviewSkin" BackColor="White"> 
<AlternatingRowStyle BackColor="Blue" /> 
</asp:GridView> 


(2) . 默认 外 观 。 未 定义 SkinId。 在 同一 主题 中 每 个 控件 类 型 只 允许 有 一 个 默认 的 控件 外 观 。 


<asp:Image runat="server" ImageUrl="~/images/imagel.jpg" /> 
二 


对 于 外 观 文件 ,有 两 种 类 型 的 控件 外 观 :“ 默 认 外 观 ” 和 “已 命名 外 观 ”。 当 网 站 或 页 
面 应 用 主题 时 ,“ 默 认 外 观 ” 自 动 应 用 于 同一 类 型 的 所 有 控件 。 设 置 了 SkinID 属性 的 控 
件 外 观 ,属于 “已 命名 外 观 ”,“ 已 命名 外 观 ” 不 会 自动 按 类 型 应 用 于 控件 ,而 应 当 通 过 设置 
控件 的 SkinID 属性 将 “已 命名 外 观 ” 显 式 地 应 用 于 控件 。 通 过 创建 “已 命名 外 观 ”, 可 以 
为 应 用 程序 中 同一 控件 的 不 同 实例 设置 不 同 的 外 观 。 

在 一 个 主题 中 ,每 一 个 控件 只 能 有 一 个 “默认 外 观 ”, 而 “已 命名 外 观 ” 可 以 有 多 个 ,但 
每 个 “已 命名 外 观 ” 外 观 的 名 称 必须 唯一 。 

在 本 例 中 ,修改 外 观 文件 如 下 。 

<asp:Label runat="server" ForeColor="Red" /> 


<asp:TextBox runat="server" ForeColor="Red" /> 


<asp:Button runat="server" ForeColor="Red" /> 
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(3) 添加 CSS 文件。 主题 还 可 以 包含 级 联 样式 表 (. CSS 文件 ) ,用 来 控制 页 面 上 
HTML 元 素 和 ASP. NET 控件 的 样式 。 将 . CSS 文件 放 在 主题 文件 夹 中 ,在 调用 主题 时 
自动 应 用 . CSS 文 件 。 

在 主题 文件 夹 右键 菜单 上 选择 “添加 新 项 ”, 选 择 “ 样 式 表 ”, 重 命名 为 Red. css, 如 图 
8-3 所 示 ,在 打开 的 Red. css 文件 中 添加 样式 。 


















ElieEale) 
同 方案 叫 全 (1 个 项 目 ) 
A 
by Account 
b 国 App_Data 
4 BG AppThemes 
4 荐 Red| 
” 周 Redcss 
国 Redskn 
» Scripts 
» 和 syles 
》 图 Aboutaspx 
》 国 | Default.aspx 
抽 Globalasax 
图 Showskinaspx 








图 8-3 添加 级 联 样 式 表 
Red. css 文件 代码 如 下 : 


html 

{ 
background- color :#f6e2e2; 
font-size:14px; 
| 


font-weight :bold; 

font-size:12px; 

line-height :10px; 
} 


(4) 添加 图 片 文件 到 主题 。 通 常 在 App_Themes 文件 夹 中 创建 Images 文件 夹 , 再 添 
加 合适 的 图 片 文件 到 Images 文件 夹 中 ,如 图 8-4 所 示 。 要 使 用 Images 文件 夹 中 的 图 片 
文件 ,可 以 通过 控件 的 相关 链接 图 片 文件 的 Url 属性 进行 访问 。 


8.1.2 主题 的 应 用 


自己 定义 或 从 网 上 下 载 主题 后 ,就 可 以 在 Web 应 用 程序 中 使 用 主题 了 。 主 题 可 以 应 
用 到 不 同 的 地 方 , 主 要 有 以 下 几 种 方式 。 
。 可 以 在 单个 网 页 中 应 用 主题 。 
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同 负 方 过 书信 (1 人 项 目 
A 
b 国 Account 
b 国 App_Data 
访 App_Themes 
4 BB Blue 
4 Bimage 
国 ttejpg 
图 Bluecss 
国 bueskn 
4 访 Red 
发 Redcss 
国 Redskn 
» a Scripts 
» a Styles 
》 国 Aboutaspx 
b 图 Defaultaspx 
抽 Globalasax 
》 图 ShowThemes.aspx 
» Site.master 
国 Web.config 





图 8-4 添加 图 片 文件 到 主题 文件 夹 


， 可 以 在 网 站 中 应 用 主题 。 

。 可 以 在 网 站 部 分 网 页 中 应 用 主题 。 

。 可 以 部 分 禁用 主题 。 

1, 对 单个 网 页 应 用 主题 

可 以 使 用 Theme 或 StylesheetTheme 属性 引用 主题 ,格式 如 下 。 


<%@ Page Theme="ThemeName" $> 


<%@ Page StylesheetTheme="ThemeName" $> 


注意 ; 应 用 主题 对 外 观 文件 起 作用 ,对 . CSS 文件 不 起 作用 ,同时 Tememe 和 
StylesheetTheme 是 有 区 别 的 ,主要 区 别 如 下 。 

(1) 属性 StylesheetTheme 表示 主题 为 本 地 控件 的 从 属 设置 。 也 就 是 说 ,如 果 在 页 
面 上 为 某 个 控件 设置 了 本 地 属性 , 则 主题 中 与 控件 本 地 属性 相同 的 属性 将 不 起 作用 。 此 
属性 也 可 以 使 主题 在 不 同 的 页 面 上 产生 一 致 的 外 观 。 

(2) 属性 Theme 表 示 本 地 属性 会 被 覆盖 (主题 起 作用 ,本 地 属性 不 起 作用 )。 若 希望 
对 整体 应 用 主题 ,但 要 对 特殊 控件 进行 不 同 设置 ,应 用 StyleSheetTheme 属性 是 比较 好 的 
选择 。 

例如 ,新 建 网 页 ShowThemes. aspx, 对 这 个 网 页 添加 主题 Red, 实 现代 码 如 下 。 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowThemes.aspx. 


cs" Inherits="ShowThemes" Theme="Red" $%> 


或 者 是 : 
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<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowThemes.aspx. 
cs" Inherits="ShowThemes" StylesheetTheme="Red" $> 


2. 对 网 站 应 用 主题 
修改 应 用 程序 的 web. config 文件 ,可 将 主题 应 用 于 整个 网 站 。 在 web. config 配置 
文件 中 添加 如 下 代码 。 


<configuration> 
<system.web> 
<pages theme="Red"/> 
</system.web> 


</configuration> 


Theme 属性 赋值 是 要 应 用 的 主题 名 ,这 样 网 站 的 所 有 网 页 中 均 应 用 主题 。 

3, 网 站 部 分 页 面 应 用 主题 

可 以 将 要 应 用 主题 的 页 面 与 它们 自己 的 web. config 文件 放 在 一 个 文件 夹 中 。 然 后 
在 根 web. config 文件 中 创建 一 个 <location 之 元 素 以 指定 文件 夹 。 例 如 ,下 面 代码 为 子 
文件 夹 subl 设置 了 主题 。 


<configuration> 
<location path="subl"> 
<system.web> 
<pages theme="ThemeName (主题 名 )" /> 
</system.web> 
</location> 
</configuration> 


4. 禁用 主题 
可 以 禁用 特定 网 页 的 主题 ,也 可 以 禁用 特定 控件 的 主题 ,都 是 设置 EnableTheming 
属性 ,只 是 该 属性 所 在 位 置 不 同 ,页 面 禁 用 主题 为 以 下 代码 。 


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ShowThemes.aspx. 
cs" Inherits="ShowThemes" EnableTheming="false" $> 


而 具体 的 控件 禁用 主题 为 以 下 代码 。 


<asp:Button ID="Buttonl" runat="server" Text="Button" EnableTheming=" 


false"/> 


8.1.3 动态 应 用 主题 实例 


本 实例 实现 为 ShowThemes. aspx 页 动态 应 用 主题 ,当选 择 不 同 的 主题 后 ,页 面 中 的 
控件 将 呈现 不 同 的 外 貌 , 步 又 如 下 。 
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(1) 创建 主题 Red 和 Blue, 分 别 创建 外 观 文件 和 级 联 样式 表 ,如 图 8-5 所 示 。 





Red. skin 文件 代码 : 


Blue. skin 文件 代码 ; 





Red. css 文 件 代码 :\ 





Blue. css 文件 中 代码 : 
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(2) 新 建 Web 页 面 ,设计 如 图 8-6 所 示 。 











图 8-6 前台 页 面 设计 图 
ShowThemes. aspx 文件 部 分 源 代码 : 





(3) 为 “确定 ”按钮 编写 后 台 代 码 如 下 。 





注意 : 属性 Page. Theme 只 能 而 且 必须 在 Page_Prelnit 事件 中 设置 。 
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8.1.4 主题 应 用 注意 事项 


(1) 主题 可 能 引起 安全 问题 ,包括 : 
。 插 入 客户 端 脚本 。 

。 公 开 敏 感 信息 。 

(2) 缓解 措施 如 下 : 

。 只 人 允许 受信 任 的 用 户 写 人 。 

。 不 使 用 未 知 信任 的 主题 。 

。 不 要 在 数据 库 中 公开 主题 名 称 。 


8.2 母 版 


8.2.1 创建 母 版 页 


1. 母 版 概述 

在 网 站 页 面 设计 中 , 母 版 发 挥 着 重要 作用 。 使 用 母 版 页 可 以 使 多 个 页 面 共 用 相同 的 
内 容 ,可 以 创建 通用 的 页 面 布局 ,防止 各 个 页 面相 同 部 
分 出 现 差异 而 影响 页 面 美观 ,同时 使 用 母 版 页 可 以 减 ” 丑 国 i 
少 页 面 加 载 时 间 。 一 般 地 ,页 头 .页 尾 、 导 航 条 等 都 加 
在 母 版 页 中 ,以 减少 加 载 时 间 , 提 高 浏览 网 站 的 速度 ， 
且 便于 维护 和 管理 ,大 大 提高 了 设计 效率 。 

2. 创建 母 版 页 

网 站 母 版 页 是 扩展 名 为 . master 的 文件 。 在 项 目 | ” 辐 peautaspr 


姑 Globalasax 


右键 菜单 上 选择 “添加 新 项 ”, 然 后 选择 “ 母 版 页 ”项 ,可 | “ 口 Maserpagemaser 


办 MasterPage.master.cs 


更 改 该 母 版 页 的 名 称 ,然后 单 击 “ 添 加 ”按钮 创建 ,创建 “| ， 口 semaser 











完成 后 如 图 8-7 所 示 。 国 webconfg 
在 已 打开 的 母 版 页 中 ,可 看 到 以 下 代码 。 8-7 创建 母 版 页 


<%@ Master Language ="C#" RutoEventWireup ="true" CodeFile="MasterPage. 


master.cs" Inherits="MasterPage" $> 


< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. 
WwW3 .org/TR/xhtm11/DTD/xhtml1-transitional .dtd"> 


<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 


<title></title> 
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<asp:ContentPlaceHolder id="head" runat="server"> 
</asp:ContentPlaceHolder> 
</head> 
<body> 
<form id="forml" runat="server"> 
<div> 


<asp:ContentPlaceHolder id="ContentPlaceHolderl" runat="server"> 


</asp:ContentPlaceHolder> 
</div> 
</form> 
</body> 
</html> 


其 中 ,二 %@ Master% 为 母 版 页 指令 识别 标志 ,该 指令 替换 了 用 于 普通 .aspx 文件 
的 @ Page 指令 。 它 可 以 包括 静态 文本 、HTML 元 素 和 服务 器 控件 的 预定 义 布局 。 除 
Master 指令 外 , 母 版 页 还 包含 页 的 所 有 顶级 HTML 元 素 , 如 html、head 和 form。 可 以 在 
母 版 页 中 使 用 任何 HTML 元 素 和 ASP. NET 元 素 。 母 版 页 还 包括 一 个 或 多 个 
ContentPlaceHolder 控件 ,这 些 占 位 符 控件 用 来 定义 可 蔡 换 内 容 出 现 的 区 域 。 


8.2.2 创建 内 容 页 


新 建 一 个 页 面 UseMaster. aspx, 应 用 母 版 页 。 在 项 目 右键 菜单 中 选择 “添加 新 项 ”， 
然后 选择 “Web 窗 体 ” 项 ,更 改名 称 为 UseMaster. aspx, 然 后 色 选 窗口 右 下 角 的 “选择 母 
版 页 ” 复 选 框 ,如 图 8-8 所 示 。 单 击 “ 添 加 ”按钮 ,选择 应 用 的 母 版 。 
































TU ale J 
二- 宇 
bs CC] 9 凤 轨 EE 万 
疾苦 CT 
| | web sesetk 
口 sa | 
有 web rt Visual cf 
4 ADONET EntiyObject 生成 名 Visual cs 
允 ADONET 实体 总 村 型 Visual cs 
honE ems Visual Cs 
? Cnstl 报表 Visual cs 
4 Dynamic Data 字 引 Visual cs 
回 HTML 页 Visual C# 
国 ex Viual Cs 
UseMasteraspx 加 近代 砚 帮 在 间 的 六 件 让 | 
banal 








图 8-8 创建 应 用 母 版 页 的 网 页 


创建 后 的 网 页 代码 如 下 。 
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<%@ Page Title="" Language =" C#" MasterPageFile =" ~/MasterPage. master™" 
AutoEventWireup="true" CodeFile="UseMaster.aspx.cs" Inherits="UseMaster" 
%> 


<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server"> 
</asp:Content> 

<asp: Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderl" 
Runat="Server"> 


</asp:Content> 


通过 MasterPageFile= 二 "~/MasterPage. master" 应 用 母 版 页 ,其 中 的 两 个 控件 分 别 
与 母 版 页 中 的 ContentPlaceHolder 控件 对 应 , 母 版 页 合并 到 内 容 页 ,而 各 个 Content 控件 
的 内 容 合并 到 母 版 页 中 相应 ContentPlaceHolder 控件 中 。 

注意 : 母 版 中 使 用 相对 URL 时 ,车 使 用 ASP. NET 控件 ,相对 URL 会 被 解析 为 相 
对 于 母 版 页 的 URL; 但 若 使 用 HTML 标签 (如 <img 之 <a>>) ,使 用 中 的 URL 为 相对 于 
内 容 页 的 URL。 所 以 ,一般 使 用 母 版 页 时 需要 使 用 ASP. NET 控件 ,或 者 将 URL 改 为 绝 
对 地 址 。 


8.3 本 章 小 结 


本 章 介绍 了 ASP. NET 中 的 主题 和 母 版 ,以 及 利用 这 些 技术 创建 既 具 备 统一 风格 又 
不 失 个 性 的 网 站 。 

主题 是 通过 外 观 文件 .CSS 文件 和 图 片 文件 为 ASP. NET 中 的 服务 控件 提供 一 致 的 
外 观 。 主 题 可 分 为 全 局 主题 和 应 用 程序 主体 ,全 局 主题 可 用 于 Web 服务 器 上 任意 的 程 
序 ,而 应 用 程序 主体 用 于 单个 的 Web 应 用 程序 。 主 题 对 应 一 个 主题 文件 夹 ,必须 放 在 
ASP.NET 专用 的 文件 夹 App_Themes 中 。 

利用 母 版 可 以 方便 快捷 地 建立 统一 风格 的 ASP. NET 网 站 ,非常 易于 管理 员 的 管理 
和 维护 ,大 大 提高 了 设计 效率 。 在 使 用 时 ,利用 母 版 页 进行 整体 布局 ,结合 内 容 页 组 合 输 
出 。 熟 练 掌握 主题 和 母 版 技术 ,对 于 提高 开发 效率 、 降 低 网 站 维护 工作 量 有 很 大 的 作用 。 


习 题 


1. 阐述 应 用 主题 的 好 处 。 

2. 简单 概括 包含 ASP. NET 母 版 页 的 页 面 运行 的 过 程 。 

3. 在 一 个 项 目 中 设计 多 个 主题 ,并 通过 用 户 选择 的 方式 来 选择 自 定义 好 的 主题 。 
4. 设计 一 个 母 版 页 ,并 将 该 母 版 页 应 用 到 建设 的 网 站 中 。 
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项 目 实 训 : 文章 博客 


在 本 章 , 我 们 实现 一 个 整体 项 目的 开发 ,该 项 目 较为 简单 ,适合 初学 者 。 

项 目 以 论坛 的 方式 展现 主题 列表 ,可 以 发 表 评论 ,管理 自己 的 文章 ,修改 个 人 信息 
等 功能 和 后 台 管理 项 目 主要 涉及 Div 十 CSS 布局 . 母 版 ,主题 .用户 控 件 、 标 准 控件 等 
功能 。 


9.1 网 站 结构 图 


网 站 涉及 模块 不 多 ,结构 较为 简单 ,适合 初学 者 进行 学 习 。 主 要 涉及 功能 模块 如 
图 9-1 所 示 。 





网 站 功能 模块 结构 图 
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9-1 网 站 功能 模块 图 


9.2 创建 数据 库 MyBlog 


数据 库 中 主要 涉及 三 个 方面 的 数据 表 , 分 别 是 用 户 信息 表 (Users) ,文章 表 (Articles) 
和 评论 表 (Comments) ,具体 的 表 结 构 如 图 9-2 一 图 9-4 所 示 。 

在 数据 表 结 构建 立 的 基础 上 ,添加 一 些 有 效 的 初始 数据 后 ,在 项 目 中 添加 LINQ To 
SQL 类 dbml 文件 ,文件 视图 如 图 9-5 所 示 。 
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|dbo.Users [设计 二 X 
全 更 新 (U) | 膀 本 文件 (): dbo.Users.sql | 
名 名 五 t 许 Null 黑人 什 
-ld int 
LoginName nvarchar(50) ” 回 
Loginpwd nvarchar(50) 
Name nvarchar(50) ”加 
QQ nvarchar(50) 。 回 
Email nvarchar(50) 。 回 
IsShow int 





图 9-2 ”用户 信息 表 (Users) 结 构图 





会 更 新 (U) 脚本 文件 (): dbo Artides.sql - 


名 称 数 把 关 型 。 允许 Null 只 人 值 
wld int 
Tite nvarchar(50) 
usernd | 用 于 和 Usert 表 建立 外 键 关 天 
PubDate datetime 





Content text 
lsShow int 





dboArtides [设计 ] 
县 本 文件 :| dbo Commentssql -| 






全 更 新 (U) 




















名 称 数据 类 型 允许 Null 默认 值 
-1d int 

Userld |,,,, 人 上 

ed 联 另外 24 者 性 

Content text 

CommentDate datetime 

IsShow int 





图 9-3 文章 表 (Articles) 结 构图 


Articles 


日 履 性 
?5 1d 
b Title 
Ep Userld 
不 PubDate 
Ep Content 
更 IsShow 








图 9-4 评论 表 (Comments) 结 构图 


Comments 


日 履 性 
Lpld 
更 Userid 
b Articdeld 
h Content 
h CommentDate 
更 IsShow 


££ LoginName 
p LoginPwd 
页 Name 
koQ 

£ Email 

£ IsShow 


图 9-5 LINQ To SQL 类 文件 视图 
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9.3 制作 母 版 页 


根据 网 站 功能 结构 图 ,需要 在 母 版 页 (Masterpage. master) 中 实现 用 户 列表 控件 、 登 
录 / 注 册 功 能 模块 以 及 用 户 功能 列表 模块 ,最 终 显示 结果 如 图 9-6 所 示 。 


医 - The Blos of Flover 


一 本 本 于 也 ] 
>》 到 是 宇 











[EE 











有 
图 9-6 LINQ To SQL 类 文件 视图 





9.3.1 用 户 列 表 控件 


用 户 控件 (UserList. ascx) 是 能 够 在 其 中 放置 标记 和 Web 服务 器 控件 的 容器 ,可 以 
将 用 户 控件 作为 一 个 单元 对 待 , 为 其 定义 属性 和 方法 。 用 户 控件 可 以 实现 内 置 ASP. 
NET Web 服务 器 控件 未 提供 的 功能 ,而 且 可 以 提取 多 个 网 页 中 相同 的 用 户 界面 来 统一 
网 页 显示 风格 。 

ASP.NET Web 用 户 控件 与 完整 的 ASP. NET 网 页 (. aspx 文 件 ) 相 似 , 同 时 具有 用 
户 界 面 页 和 代码 页 。 可 以 采取 与 创建 ASP. NET 页 相似 的 方式 创建 用 户 控件 ,向 其 中 添 
加 所 需 的 标记 和 子 控件 。 用 户 控件 可 以 像 页 面 一 样 包含 对 其 内 容 进 行 操作 (包括 执行 数 
据 绑 定 等 任务 ) 的 代码 。 

用 户 控件 与 ASP. NET 网 页 有 以 下 区 别 。 

。 用户 控件 的 文件 扩展 名 为 . ascx。 

。 用 户 控件 中 没有 @ Page 指令 ,而 是 包含 @ Control 指令 。 

。 用 户 控件 不 能 作为 独立 文件 运行 ,而 必须 像 处 理 任何 控件 一 样 ,将 它们 添加 到 
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ASP. NET 页 中 。 

。 用 户 控件 中 没有 html、body 或 form 元 素 ,这 些 元 素 必须 位 于 宿主 页 中 。 

虽然 用 户 控件 与 . aspx 网 页 有 着 多 个 区 别 , 但 它们 也 有 共同 点 , 即 可 以 在 用 户 控件 上 
使 用 与 在 ASP. NET 网 页 上 所 用 相同 的 HTML 元 素 C(html,body 或 form 元 素 除 外 ) 和 
Web 控件 。 例 如 ,要 创建 一 个 用 作 工 具 栏 的 用 户 控件 , 则 可 以 将 一 系列 Button 服务 器 控 
件 放 在 该 用 户 控件 上 ,并 创建 这 些 按钮 的 事件 处 理 程序 。 

根据 上 述 所 说 的 用 户 控件 和 ASP. NET 网 页 的 区 别 和 联系 ,可 以 将 代码 隐藏 的 
ASP. NET 网 页 转换 为 用 户 控件 ,方法 如 下 。 

(1) 重 命名 . aspx 文件 及 代码 aspx. cs 文件 ,将 扩展 名 修改 为 . ascx 和 . ascx. cs。 

(2) 打开 代码 隐藏 CS 文件 ,并 将 该 文件 继承 的 类 从 Page 更 改 为 UserControl。 

(3) 在 ,aspx 文件 中 , 移 除 <html 之 .<body 之 和 | 
<<form>> 元 素 ;将 @ Page 指令 更 改 为 @ Control 指令 ， | 右 坟 定 
移 除 @ Control 指令 中 除 Language、AutoEventWireup 数据 绪 定 
(如 果 存 在 ) .CodeFile 和 Inherits 之 外 的 所 有 属性 ;在 数据 绑 定 
@ Control 指令 中 ,将 CodeFile 属性 值 更 改 为 指向 重 | ”康定 
命名 后 的 代码 隐藏 文人 名。 ee 

在 本 项 目 中 主要 使 用 DataList 控件 实现 数据 表 
Users 中 用 户 名 的 绑 定 , 用 户 控件 整体 设计 如 图 9-6 所 
示 , 代 码 如 图 9-7 所 示 。 

asp: Datalist ID="Datalistl” TUDatESETVeT” Heieht="130px” Width="260px"y 


《<ItemTemplate> 
&gtiknbsp 








图 9-7 用 户 控件 设计 结果 


asp:Label ID="Labell” runat="server” [Iext= <%# Eval(’Name”) %'PC/asp:Label> 
/ItemTemplate> 
</asp:DataList> 





9-8 用 户 控件 代码 绑 定 


由 于 用 户 列 表 控 件 采用 的 是 DataList 数据 绑 定 控件 ,所 以 没有 分 页 功能 ,在 这 里 引 
用 第 三 方 分 页 插件 AspNetPage 控件 ,增加 分 页 功能 ,具体 数据 显示 方法 的 代码 如 下 : 


TeacherDBDataContext db=new TeacherDBDataContext () 
public void showUsers () 
{ 
Var results=from r in db.Users 
where r.IsShow==1 


select r; 


PagedDataSource pds=new pagedDataSource (); // 定 义 分 页 控件 实例 对 象 


pds.DataSource=results.ToList (); //pds 的 数据 来 源 
pds.AllowPaging=true; // 人 允许 分 页 
pds.PageSize=RAspNetPager1.PageSize; // 每 页 数据 数量 设置 


// 获 取 当 前 页 下 标 
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Pade_Load 事件 代码 如 下 : 





分 页 控件 的 下 标 改变 事件 代码 如 下 : 





9.3.2 登录 /注册 模块 


该 模块 主要 实现 已 有 用 户 登 录 功能 ,如 果 是 未 注册 用 户 , 可 以 单 击 “注册 ”按钮 跳 转 到 
注册 页 面 。 其 中 可 以 增加 随机 码 功能 ,这 里 的 随机 码 可 以 采用 第 三 方 插件 ,也 可 以 采用 自 
定义 编写 随机 码 的 方法 ,下 面 重 点 介绍 一 下 自 编 随机 码 的 实现 方法 。 

随机 码 是 一 幅 图 片 ,图 片 内 容 采用 随机 生成 的 方式 产生 ,当前 流行 的 随机 内 容 主 要 包 
含 纯 数字 、 纯 字母 .数字 和 字母 混合 ,汉字 或 者 提前 设 定好 的 随机 内 容 组 。 

随机 内 容 生 成 为 纯 数字 的 方法 代码 为 : 
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随机 内 容 生 成 为 字母 和 数字 混合 的 方法 代码 为 : 


随机 内 容 生成 为 中 文 的 方法 代码 为 : 
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随机 内 容 生成 为 定义 好 的 内 容 组 (譬如 菜单 ) 的 方法 代码 为 ; 
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最 后 需要 将 随机 内 容 生成 图 片 ,生成 的 图 片 可 以 是 简单 的 内 容 呈 现 , 也 可 以 复杂 的 画 
图 ,对 于 画图 来 说 ,需要 引用 必要 的 命名 空间 。 


简单 画图 代码 如 下 : 
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复杂 画图 程序 代码 如 下 : 
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需要 注意 的 是 ,用 户 需要 采用 哪 种 随机 内 容 , 就 需要 将 上 述 对 应 的 方法 添加 在 一 个 
Randompng. aspx. cs 文件 中 ,并 在 Page_Load 中 调用 该 方法 ,并 生成 该 方法 的 Session， 
譬如 需要 生成 一 个 数字 字母 混合 的 随机 码 ,那么 Page_Load 事件 代码 为 : 


这 样 ,该 Randompng. aspx 即 可 作为 一 个 Image 控件 的 ImageURI1 属性 , 即 可 展现 在 
页 面 一 个 随机 图 片 ,如 图 9-9 所 示 。 
登录 按钮 实现 验证 用 户 是 否 合法 ,需要 查询 数据 库 , 事 件 代码 如 下 : 
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图 9-9 登录 模块 





注意 : 此 处 的 两 个 Panel 内 容 分 别 为 登录 模块 和 下 节 功 能 列表 模块 ,这 两 个 模块 不 
能 同时 显示 ,所 以 需要 设置 Panel 的 Visible 属性 。 当 然 Panel 的 Visible 属性 在 母 版 的 
Page_Load 中 也 需要 设置 初始 化 状态 ,代码 如 下 : 
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Panel2.Visible=true; 


Labell.Text=Session["userName "].ToString(); 
} 


注册 按钮 主要 实现 跳 转 到 注册 页 ,事件 较为 简单 ,代码 如 下 : 


Response .Redirect ("Register.aspx"); 


9.3.3 用 户 功能 列表 模块 


母 版 中 用 户 功 能 模块 是 用 户 登录 成 功 后 看 到 的 功能 列表 ,可 以 根据 项 目 实际 需要 定 
制 其 列表 内 容 , 此 处 定义 的 功能 列表 如 图 9-10 所 示 。 


功能 列表 


个 人 资料 修改 





图 9-10 功能 列表 模块 


“退出 ”按钮 主要 用 于 注销 Session, 并 且 将 登录 模块 和 用 户 列表 模块 所 在 的 Panel 的 
Visible 状态 进行 设置 ,事件 代码 如 下 : 


Session["UserName"]=null; 
Panell .Visible=true; 


Panel2.Visible=false; 


9.3.4 母 版 中 设置 主题 切换 


主题 的 基本 知识 我 们 已 经 在 第 8 章 中 做 了 说 明 , 在 该 项 目的 母 版 中 增加 一 个 下 拉 列 
表 放 于 Banner 区 的 右 下 角 , 下 拉 列 表 的 选项 为 提前 设置 好 的 主题 ,如 图 9-11 所 示 。 

















Ee We - 
成 RM): ES 展 ED): 
| 谢 主 量 四 国有 & | 
1 
可 4 到 
有 国 | be Te 
Selected False 
Text 昔 天 白云 
Value blue 

















图 9-11 主题 下 拉 列 表 选 项 
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对 下 拉 列 表 DropDownListl 增加 事假 代码 ,主要 功能 是 保存 用 户 的 选择 ,并 且 去 母 
版 调用 页 执行 相关 代码 后 并 返回 ,所 以 此 处 要 使 用 一 个 极为 特殊 的 Server. Transfer 跳 转 
功能 ,具体 代码 如 下 : 


























protected void DropDownListl SelectedIndexChanged (object sender, 
EventArgs e) 
{ 
Session ["myTheme"]=DropDownList1.SelectedValue'; 
Server .Transfer (Request .FilePath); 
// 关 键 语句 ,去 Default 页 面 实现 主题 的 设置 
} 





调用 页 的 Page_PreInit 事件 中 就 需要 用 来 设置 主题 的 应 用 了 ,譬如 首页 Default 的 
Page_PreInit 事件 代码 如 下 : 











protected void Page_PreInit (object sender, EventArgs e) 
{ 
/* 如 果 页 面 是 第 一 次 加 载 而 非 回 传 或 刷新 , 这 里 的 加 载 有 可 能 是 从 其 他 的 页 面 跳 转 过 来 
的 ,所 以 要 判断 客户 端 中 是 否 有 Session ["myTheme "] ,如果 有 ( 则 肯定 是 从 其 他 页 面 
跳 转 过 来 的 ) 那 么 要 根据 session ["myTheme "] 决 定 页 面 的 主题 ;如 果 没 有 ( 则 肯定 是 
直接 请 求 的 而 非 跳 转 过 来 的 ) ,那么 页 面 的 主题 设 为 默认 "blue" 并 存 人 Session [" 
myTheme "] ,以 便 供 其 他 页 面 使 用 , 以 达到 整个 程序 主题 统一 ,不 会 因 跳 转 而 丢失 刚才 
的 设置 。* / 
if(!IsPostBack) 
{ 
if (Session["myTheme"]==null) 
{ 
Page.Theme="blue"; 
Session["myTheme"]="blue"; 
} 
else 
{ 
Page .Theme=Session["myTheme"] .ToString(); 


9.4 首页 文件 


首页 文件 (Default. aspx) 功 能 设计 较为 简单 ,主要 实现 Articles 数据 表 内 容 的 展示 ， 
设计 如 图 9-12 所 示 。 
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ContentplaceHolderl ( 目 定义 ) 
| 全 部 义 


数据 绑 定 
数据 绑 定 


数据 绑 定 
数据 绑 定 
数据 绑 定 











图 9-12 首页 设计 效果 图 


此 处 为 数据 显示 控件 采用 了 轻 量 级 Repeater 控件 ,该 控件 的 实现 HTML 代码 如 
图 9-13 所 示 。 





Kasp: Repeater ID="Repeaterl” runat="server”) 
《ItenTenplate》 
人 1》 


1 





W#Eval ("Title”) %*/a></11> 


41 
ul]| 
WItenTenplate> 
/asp:Repeater》 





图 9-13 ”Repeater 控件 HTML 源 代码 截图 


Repeater 控件 不 自 带 分 页 功能 ,数据 量 较 多 时 ,仍然 需要 结合 第 三 方 分 页 插件 
AspNetPager 实现 分 页 功能 ,具体 实现 代码 如 下 : 


TeacherBlogDB LinqDataContext db=new TeacherBlogDB LinqDataContext (); 
public void showArticles () 
{ 
Var results=from r in db.Articles 
where r.IsShow== 
select r; 
PagedDataSource pds=new PagedDataSource () ; 
pds.DataSource=results.ToList (); 
pds.AllowPaging=true; 
pds.PageSize=AspNetPagerl].PageSize; 
pds.CurrentPageIndex=AspNetPagerl.CurrentPageIndex-1; 
AspNetPager!l .RecordCount=results.Count (); 


Repeaterl.DataSource=pds; 
Repeaterl.DataBind (); 
| 
protected void Page Load (object sender, EventArgs e) 
{ 
if(!IsPostBack) 
showArticles(); 
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protected void AspNetPager1l PageChanged (object src, Webdiver.PageChanged 


EventArgs e) 

{ 
AspNetPagerl .CurrentPageIndex=e.NewPageIndex; 
ShowRrticles (); 


9.5 文章 详情 页 


当 用 户 点 击 首页 中 某 篇 文章 的 题目 时 ,会 跳 转 到 文章 详情 页 Article_Details. aspx， 


显示 文章 的 具体 内 容 以 及 评论 内 容 , 结 果 如 图 9-14 所 示 。 





C 





题目 采 菊 东 南下 
作者 , 园丁 


发 表 日 期 ，2016/12 


人 多 是 花 中 四 君子 〈 梅 兰 竹 莱 》 之 一 ， 也 是 世界 四 大 切花 菊花、 月季 、 康 乃 
唐 曹 铺 ) 之 一 ， 产 量 居 首 。 因 萄 花 具 有 清 寄售 雪 的 品格 ， 才 有 千 济 明 的 “ 采 菊 东 篇 下 ， 上 

lsh 人 饮 菊花 酒 的 习 谷 。 唐 . 孟 洛 然 《过 放 人 庄 》， “ 待 到 重 

， 示 来 该 菊 花 。” 在 古 神话 传说 中 莱 花 还 被 贼 子 了 吉祥 、 人 


/1 0:00:00 


) 泗 T 











发表 评论 


花 之 愈 客 “… 


The Blog of Flover 


44 12» m 


n 


[主题 "| 


用 户 列表 


登录 
楼 主 给 赞 ! ! 用 名 | 
评论 人 : 花 打 评论 6 期: 2016-10-13 窗 8， [| | 
您 然 见 南山 ] nr 
评论 人 , 园 ”评论 日 期 : 2015-10-10 
en 











图 9-14 文章 详情 页 运行 结果 


该 页 的 实现 主要 通过 Label 控件 显示 文章 的 题目 、 作 者 、 发 表 日 期 以 及 内 容 ; 通 过 


DataList 控件 展示 该 文章 的 相关 评论 。 
Label 控件 显示 文章 相关 内 容 的 后 台 代 码 如 下 : 


public void showArticleDetails () 
{ 


Articles Articlel= db.Articles.Where (r=>r.IsShow== 


Parse (Request .QueryString["aid"])).First (); 


1 8&&Tr.Id== 


RE 
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DataList 控件 显示 该 文章 相关 评论 的 后 台 代码 为 : 


发 表 评 论 需 要 用 户 登 录 , 如 果 没 有 登录 提示 用 户 登 录 ,正常 登录 之 后 即 可 实现 发 表 评 
论 功能 ,实际 上 就 是 为 评论 表 Comments 执行 插入 操作 ,发 表 评 论 按钮 事件 代码 如 下 ， 
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9.6 注册 页 面 


注册 页 面 (Register. aspx) 功 能 较为 简单 ,实现 插入 表 操 作 , 设 计 界 面 如 图 9-15 所 示 。 





图 9-15 注册 页 实际 效果 图 


“完成 "按钮 事件 代码 如 下 : 
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用 户 注册 时 可 适当 增加 一 些 必要 的 验证 规则 ,譬如 密码 与 确认 密码 要 求 一 致 ,有 兴趣 
的 读者 可 结合 前 面 的 验证 章节 进行 添加 。 


9.7 发 表 文章 页 


发 表 文章 页 (PostArticle. aspx) 实 现 登 录用 户 发 表 新 文章 的 功能 ,主要 利用 数据 库 的 
插入 操作 。 在 这 里 ,我 们 引用 了 一 个 第 三 方 插件 一 一 CkEditor 富 文本 编辑 器 ,有 了 这 个 
文本 编辑 器 ,用 户 就 可 以 实现 文本 多 样 化 输入 。 具 体 运行 结果 如 图 9-16 所 示 。 





[rumnwxole= ss ww 国 :38 国 "Jaap 
EECDEGOOCOCEOD 


郁金香 (学 名 : Tulipa gesneriana) ， 百 合 科 孝 金 香 属 的 草本 植物 ， 是 土耳其 、 哈 萨克斯 担 、 荷 兰 的 国花 。 
英文 名 : Flower of Common Tulip， Flower of Late Tulip ， 中 药 名 称 : 郁金香 《本 草 抬 遗 》; 郁金香 《 太 
平 御 览 》; 红 蓝 花 、 紫 述 香 《 纲 目 》。 补 叶 3-5 权 ， 条 状 撤 针 形 至 旷 状 披 针 状 ， 社 单 休 项 生 ， 大 型 而 袍 丽 ， 
袖 片 红色 或 闲 有 白色 和 黄色 ， 有 时 为 白色 或 黄色 ,长 5-7 厘 米 ， 宽 2-4 厘 米 ，6 枚 雄 东 等 长 ， 花丝 无 毛 ， 无 
蔗 柱 ,柱头 增 大 呈 鸡 冠 伏 ,视角 4-5 月 。 














ED 3 
图 9-16 发 表 文 章 页 效果 图 
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“发 表 ” 按 钮 单 击 事件 代码 如 下 : 


try{ 
Articles newArticle=new Articles (); 
newArticle.Title=TextBox4.Text; 
newArticle.UserId=int.Parse (Session["LoginUserId"].ToString()); 
newArticle.PubDate=DateTime.Now; 
newArticle.Content=CKEditorControll.Text; 
newArticle.IsShow=1; 


db.Articles.InsertOnSubmit (newArticle); 

db.SubmitChanges (); 

CKEditorControll.Text=""; 

TextBox4.Text=""; 

Response.Write ("<script>alert (' 文 章 发 表 成 功 ! ')</script>"); 
} 
catch 
{ 

Response.Write ("<script>alert (' 发 表 文章 失败 ! ')</script>"); 


9.8 文章 管理 页 


登录 用 户 在 文章 管理 页 (ManageArticles. aspx) 可 以 对 自己 的 发 表 的 文章 进行 管理 ， 
主要 设计 功能 为 编辑 和 删除 ,这 里 采用 GridView 控件 实现 数据 管理 功能 ,设计 界面 如 
图 9-17 所 示 。 

















文章 醒目 是 天 县 示 区 二 到 | 
浅 据 六 证 。 。 妆 据 坟 证 。 。 并 所 红 宇 Lvel ED | 
央 所 铸 定 “元 据 绑 定 过 据 旨 宇 Label 给 给 可 除 | P | 
据 凡 定 。。 效 据 绪 定 。 部 氢 红 宇 Label 。 纺 缉 出 除 | 
央 扫 绑 宇 下 所 旷 定 。 部 所 红 宇 Label ” 编 给 出险 上 
癌 据 二 证 。 效 据 绑 定 部 氢 红 宇 Label ” 编 曼 出险 
妆 据 二 定妆 据 坟 证 。 数据 宇 Label 。 纺 曼 玫 除 上 
妆 据 定数 据 忆 证 。 数据 岂 定 Label 。 编 缉 出险 上 
沼 据 红 定 。 效 氢 绑 定 过 所 几 宇 Label 。 编 给 风险 | 上 
册 扫 绪 定 。。 效 所 六 二 。 并 所 红 宇 Label 。 编 盟 蝇 除 上 
站 据 坟 定妆 据 坟 定 。 。 雪 据 几 宇 Label ” 纺 盟 故 除 | 
12 
[Labela] 





图 9-17 管理 文章 页 效果 图 


这 个 页 面 设计 看 似 功能 不 多 ,但 是 需要 处 理 的 细节 代码 相对 不 少 ,下 面 依次 进行 说 明 
解释 。 
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9.8.1 LINQ 技 术 实 现 数 据 源 


GridView 控件 用 于 显示 相关 数据 ,这 里 数据 源 使 用 LINQ 语句 实现 ,实现 的 方法 代 
码 如 下 ， 





9.8.2 Gridview 控件 设计 


GridView 用 于 显示 文章 表 相 关 字段 内 容 ,编辑 列 如 图 9-18 所 示 。 

(1) 主键 Id 字段 和 是 否 显示 IsShow 字段 主要 作用 是 用 于 确定 其 他 数据 显示 内 容 ， 
在 真正 运行 时 不 需要 显示 出 来 ,所 以 对 这 两 个 字段 我 们 设置 cssClass 为 hide, 如 图 9-19 
所 示 ,而 hide 的 css 属性 代码 如 下 : 
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天 Templatefield 














图 9-18 GridView 编辑 列 9-19 CssClass 设置 图 


(2) 文章 题目 字段 是 BoundField 类 型 ,该 字段 的 属性 设置 如 图 9-20 所 示 。 


DataNavigateUrlFields 1d 
DataNavigateUrlFormatString Article Details.aspx?aid={0} 
DataTextfield Title 

DataTextFormatString 


FooterText 
HeaderlmageuUnl 





图 9-20 文章 题目 字段 属性 设置 


(3) “是否 显 示 ? 为 TemplateField 字段 ,在 编辑 模板 中 的 ItemTemplate 中 只 需要 放 
置 一 个 Label 控件 ,通过 代码 实现 汉字 的 “是 ”和 “ 否 ” 显 示 , 有 利于 用 户 良 好 的 体验 ,需要 
增加 GridViewl1_RowDataBound 的 事件 代码 ,代码 如 下 : 


protected void GridViewl RowDataBound (object sender, GridViewRowEventArgs 
e) 
{ 
if(e.Row.RowType==DataControlRowType.DataRow) 
{ // 将 是 否 显示 的 int 型 转换 为 文字 
Label IsShowText= (Label)e.Row.FindControl ("Label3"); 
if(e.Row.Cells [1] .Text=="1") 
IsShowText.Text=" 是 "; 
else 
IsShowText .Text=" 否 "7 


} 


(4) 第 一 个 TemplateField 字段 中 的 IemTemplate 模板 中 放置 一 个 LinkButton 按 
钮 ,用 于 实现 编辑 功能 。 

(5) “删除 ? 列 即 为 GridView 控件 自 带 的 CommandField 中 的 删除 功能 字段 。 

(6) 第 一 个 TemplateField 字段 中 的 ItemTemplate 模板 中 放置 一 个 标准 控件 
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CheckBox, HeaderTemplate 模板 中 同样 放置 一 个 CheckBox 控件 ,并 设置 Text 属性 为 
“全 选 ”,AutoPostBack 属性 为 True。 


9.8.3 删除 功能 


删除 按钮 利用 的 GridView 控件 自 带 的 删除 功能 ,所 以 需要 将 代码 添加 在 GridView1 
_RowDeleting 事件 中 ,并 且 一 定 要 注意 和 评论 表 的 外 键 关 系 ,代码 如 下 : 


protected void GridView1l RowDeleting (object sender, GridViewDeleteEventArgs e) 
{ 
// 先 删除 有 外 键 关系 的 子 表 Comments 数据 ,再 删除 父 表 Articles 数据 
Var resultsl=fromr in db.Comments 
where r.ArticleId== 
int,.Parse (GridViewl .Rows[e.RowIndex] .Cells[0].Text) 
select r; 


db.Comments.DeleteAllOnSubmit (results1); 


var results2=fromr in db.Articles 
where r.Id== 
int.Parse (GridViewl .Rows[e.RowIndex] .Cells[0].Text) 
select r; 
db.Articles.DeleteAllOnSubmit (results2); 
db.SubmitChanges(); 
showMyArticles (); 
} 


为 了 更 好 的 用 户 体 验 , 可 以 增加 是 否 删 除 的 提示 功能 ,需要 在 GridViewl _ 
RowDataBound 的 事件 中 增加 代码 如 下 : 


protected void GridView1l RowDataBound (object sender, GridViewRowEventArgs e) 


本 
if(e.Row.RowType==DataControlRowType.DataRow) 


{ // 提 示 是 否 删除 
LinkButton del= (LinkButton)e.Row.Cells[5].Controls [0]; 
del.0nClientClick="return confirm(' 确 定 删除 该 文章 吗 ? ') "7 


9.8.4 全 选 功能 


全 选 设计 的 主要 目的 是 方便 用 户 批量 处 理 , 在 GridView 控件 的 模板 列 中 设置 好 
CheckBox 按钮 之 后 ,只 需要 实现 HeaderTemplate 的 状态 切换 功能 ,让 ItemTemplate 中 
的 CheckBox 按钮 状态 保持 一 致 即 可 ,需要 对 HeaderTemplate 中 的 全 选 按钮 实现 代码 功 
能 即 可 ,主要 实现 的 事件 代码 如 下 : 
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为 了 更 好 的 体现 全 选 功能 ,我 们 增加 两 个 LinkButton, 分 别 实现 对 文章 是 否 显示 的 
批量 处 理 , 批 量 隐 藏 的 代码 如 下 : 








9.8.5 光 棒 效果 


光 棒 没 有 实际 的 功能 作用 ,只 是 为 了 提高 用 户 的 体验 性 ,让 用 户 可 以 直观 感觉 到 鼠标 
的 准确 定位 ,主要 通过 代码 改变 CSS 属性 来 实现 ,代码 如 下 : 





9.8.6 编辑 功能 


编辑 功能 最 为 复杂 ,需要 涉及 两 个 页 面 , ManageArticles. aspx 页 面 中 的 “编辑 ”按钮 
主要 实现 单 击 跳 转 到 EditArticle. aspx 页 面 并 传递 该 文章 对 应 的 主键 Id 值 , 在 
EditArticle. aspx 页 面 中 读 取 传 递 的 参数 ,展示 需要 编辑 的 文章 内 容 ,继而 用 户 就 可 以 进 
行内 容 字段 的 编辑 了 。 

1，ManageArticles, aspx 页 面 功 能 

GridView 编辑 模板 列 的 LinkButton 按钮 的 功能 较为 简单 ,事件 代码 如 下 : 
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2， EditArticle. aspx 页 面 功 能 


该 页 面 主要 实现 取 参 数 ,展现 相关 文章 详情 ,用 户 在 此 基础 上 进行 修改 ,修改 完成 之 
后 即 可 提交 修改 结果 。 
文章 详情 页 面 设计 效果 图 如 图 9-21 所 示 。 


CKEditor ASP.NET Control - ’CKEditorControl1’ 





文章 内 容 展 示 方 法 代码 如 下 : 





“完成 ”按钮 代码 如 下 : 
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UpdateArticle.IsShow=int.Parse (DropDownList2.SelectedValue); 
UpdateArticle.Content=CKEditorControll.Text; 
UpdateArticle.PubDate=DateTime .Now; 

db.SubmitChanges (); 


Response.Redirect ("ManageArticles.aspx"); 
1 
“ 重 置 ”按钮 代码 如 下 : 


protected void ImageButton4 Click(object sender, ImageClickEventArgs e) 
{ 
showEditArticle(); 


9.9 个 人 资料 修改 页 


一 般 网 站 都 会 设置 有 个 人 资料 修改 页 (ModifyInforms. aspx) ,尤其 是 修改 密码 功能 ， 


方便 用 户 对 个 人 信息 的 把 握 ,该 项 目 中 为 了 加 强 对 代码 功能 的 理解 ,实现 了 多 处 信息 修改 
的 功能 ,如 图 9-22 所 示 。 


























图 9-22 个 人 资料 修改 设计 图 


注意 ; 新 密码 和 确认 密码 部 分 放置 在 一 个 Panel 中 ,Visible 初始 设置 为 False, 以 后 
可 通过 代码 实现 整体 出 现 和 隐藏 。 

根据 登录 用 户 的 Session, 我 们 很 容易 定位 该 用 户 的 详细 信息 ,将 用 户 原始 信息 呈现 
在 该 页 的 各 个 TextBox 控件 中 ,实现 的 代码 如 下 : 


TeacherDBDataContext db=new TeacherDBDataContext () 
public void showIUsernforms () 
4 

Users loginUser=db.Users.Where (r=>r.Id== 


int.Parse (Session["LoginUserId"].ToString())).FirstOrDefault (); 


第 9 章 项目 实 训 ， 文 章 博客 \@® 


在 所 有 原始 数据 的 基础 上 ,我 们 可 以 实现 各 个 修改 功能 了 ,下 面 分 别 介绍 每 个 修改 功 
能 的 实现 。 
1. 修改 用 户 名 





3, 修改 密码 
由 两 个 功能 按钮 实现 ,一 部 分 是 验证 原始 密码 的 功能 modifyPwd_Click, 另 一 部 分 是 
确定 修改 密码 功能 SubmitPwd_Click。 具 体 代码 如 下 : 
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9.10 本 章 小 结 


至 此 ,一 个 简单 的 文章 博客 项 目 主要 功能 就 介绍 完了 ,万 变 不 离 其 宗 ,灵活 掌握 好 对 
数据 库 的 添加 、 删 除 查询、 修改 四 种 基本 操作 是 开发 复杂 项 目的 基础 ,项 目 功能 的 丰富 程 
度 是 可 以 继续 扩展 ,譬如 增加 文章 搜索 功能 模块 ,或 者 后 台 管理 员 功 能 模块 ,实现 对 注册 
用 户 以 及 所 有 文章 的 管理 等 。 有 兴趣 的 读者 可 以 继续 将 本 章节 的 项 目 进行 更 多 功能 性 
开发 。 


项 目 架 构 


架构 ,又 名 软件 架构 ,是 有 关 软 件 整体 结构 与 组 件 的 抽象 描述 ,用 于 指导 大 型 软件 系 
统 各 个 方面 的 设计 。 多 数 工程 师 ( 尤 其 是 经 验 不 多 的 工程 师 ) 会 从 直觉 上 来 认识 它 ,但 要 
给 出 精确 的 定义 很 困难 。 特 别 是 ,很 难 明 确 地 区 分 设计 和 构架 : 构架 属于 设计 的 一 方面 ， 
它 集中 于 某 些 具体 的 特征 。 

第 9 章 中 开发 的 项 目 由 于 规模 小 ,功能 简单 ,没有 考虑 架构 的 问题 ,如 果 中 大 型 项 目 
不 考虑 架构 , 那 就 会 在 开发 项 目 中 ,团队 无 法 很 好 的 协同 工作 ,提高 开发 效率 , 越 来 越 多 的 
公司 团体 认识 到 架构 工作 的 重要 性 。 

下 面 主要 介绍 ASP. NET 项 目 开发 中 采用 较 多 的 两 种 架构 一 一 三 层 架构 和 MVC 
架构 。 


10.1 三 层 架 构 


层次 结构 在 现实 社会 里 随处 可 见 。 社 会 人 群 会 分 层 ,公司 人 员 结 构 也 会 分 层 ,楼房 是 
分 层 的 ,甚至 做 包子 的 先导 都 是 分 层 的。 虽然 分 层 的 目的 各 有 不 同 ,但 都 是 为 解决 某 一 问 
题 而 产生 的 。 所 以 ,分 层 架 构 其 实 是 为 了 解决 某 一 问题 而 产生 的 一 种 解决 方案 。 

在 软件 体系 架构 设计 中 ,分 层 式 结构 是 最 常见 ,也 是 最 重要 的 一 种 结构 ,区 分 层次 的 
目的 为 了 “高 内 聚 低 耦 合 ” 的 思想 。 通 常 意义 上 的 三 层 架 构 就 是 将 整个 业务 应 用 划分 为 : 
表现 层 (Web) ,业务 逻辑 层 (BLL) 和 数据 访问 层 (DAL), 如 图 10-1 所 示 。 





























(、 表示 居 U) ” ) 
中 从 
表示 层 Web 轿 要 
> 
[业务 浊 辑 层 BLL (业务 远 辑 层 (BLL) ) 
数据 访问 层 DAL 四 四 
请 数 
| 数据 访问 层 (DAL) 


图 10-1 三 层 架构 示意 图 1 
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Web( 表 现 层 ) : 主要 是 指 与 用 户 交互 的 界面 。 提 供给 用 户 一 个 视觉 上 的 界面 ,通过 
界面 层 ,用 户 输入 数据 ,获取 数据 。 界 面 层 同时 也 提供 一 定 的 安全 性 ,确保 用 户 不 用 看 到 
不 必要 的 机 密 信息 。 

BLL( 业 务 逻 辑 层 ) : Web 层 和 DAL 层 之 间 的 桥梁 , 它 响应 界面 层 的 用 户 请 求 ,执行 
任务 并 从 数据 层 抓 取 数 据 ,并 将 必要 的 数据 传送 给 界面 层 。 业 务 罗 辑 具 体 包含 验 证 、 计 
算 ,业务 规则 等 等 。 

DAL( 数 据 访问 层 ) : 与 数据 库 打交道 。 主 要 实现 对 数据 的 添加 、 删 除 , 修 改 、 查 询 。 
将 存储 在 数据 库 中 的 数据 提交 给 业务 层 ,同时 将 业务 层 处 理 的 数据 保存 到 数据 库 。 


10.1.1 三 层 架构 的 理解 


三 层 架构 中 的 每 一 层 都 各 负 其 责 , 那 么 该 如 何 将 三 层 联系 起 来 呢 ? 

这 时 候 实体 层 (Model) 来 了 。Model 不 属于 三 层 中 的 任何 一 层 ,但 是 它 是 必 不 可 少 
的 一 层 。 日常 开 发 的 很 多 情况 下 为 了 复 用 一 些 共同 的 东西 ,会 把 一 些 各 层 都 用 的 东西 抽 
象 出 来 , 称 为 Model。 对 于 初学 者 来 说 ,可 以 这 样 理 解 : 每 张 数据 表 对 应 一 个 实体 , 即 每 
个 数据 表 中 的 字段 对 应 实体 中 的 属性 。 

一 些 共 性 的 通用 辅助 类 和 工具 方法 ,如 数据 校 验 ,缓存 处 理 、, 加 解密 处 理 等 ,为 了 让 各 
个 层 之 间 复 用 ,也 单独 分 离 出 来 ,作为 独立 的 模块 使 用 ,例如 称 为 Common。 

此 时 ,三 层 架构 会 演变 为 如 图 10-2 所 示 的 情况 。 






































表示 层 Web 
业务 通用 
实体 业务 逻辑 层 BLL 类 库 
Model Common 
数据 访问 层 DAL 
数据 库 


10-2 三 层 架 构 示意 图 2 


数据 层 底层 使 用 通用 数据 库 操作 类 来 访问 数据 库 , 最 后 完整 的 三 层 架构 如 图 10-3 所 
示 。 数 据 库 访问 类 是 对 ADO. NET 的 封装 ,封装 了 一 些 常 用 的 重复 的 数据 库 操作 。 如 微 
软 公司 的 企业 库 SQLHelper. cs, 动 软 的 DBUtility/DbHelperSQL 等 ,为 DAL 提供 访问 
数据 库 的 辅助 工具 类 。 

下 面 通过 两 个 生活 实例 来 认识 一 下 三 层 架构 的 优点 。 

实例 10-1 餐饮 服务 。 

在 餐饮 服务 行业 中 ,一 般 会 出 现 服 务 员 采购 员 和 厨师 几 种 角色 ,他们 各 司 其 职 ,对 应 
三 层 架构 中 不 同 层次 功能 ,如 图 10-4 所 示 。 

服务 员 只 管 接待 客人 ;厨师 只 管 做 客人 点 的 菜 ; 采 购 员 只 管 按 客 人 点 菜 的 要 求 采购 食 
材 。 服 务 员 不 用 了 解 厨师 如 何 做 菜 ,不 用 了 解 采 购 员 如 何 采购 食材 ;厨师 不 用 知道 服务 员 
接待 了 哪 位 客人 ,不 用 知道 采购 员 如 何 采购 食材 ;同样 ,采购 员 不 用 知道 服务 员 接待 了 哪 
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表示 层 Web 
业务 逻辑 层 BLL 通用 
实体 业务 逻辑 层 类 库 
Model Common 
数据 访问 层 DAL 
数据 库 访 问 类 DBUtility 
数据 库 


10-3 三 层 架 构 完整 示意 图 3 





























业务 逻辑 层 











数据 访问 层 











图 10-4 饭店 三 层 架 构 示 意图 


位 客人 ,不 用 知道 厨师 如 何 做 菜 。 

比如 厨师 会 做 炒 茄子 、 炒 鸡蛋 和 炒面 。 此 时 构建 三 个 方法 cookEggplant() .cookEgg() 
和 cookNoodle() 对 应 厨师 技能 。 顾 客 直接 和 服务 员 打交道 ,顾客 和 服务 员 (Web 层 ) 说 : 
我 要 一 个 炒 茄子 ,而 服务 员 不 负责 炒 茄 子 , 她 就 把 请 求 往 上 递交 ,传递 给 厨师 (BLL 层 )， 
厨师 需要 茄子 ,就 把 请 求 往 上 递交 ,传递 给 采购 员 (DAL 层 ) ,采购 员 从 仓库 里 取 来 茄子 传 
回 给 厨师 ,厨师 响应 cookEggplant() 方 法 ,做 好 炒 茄子 后 ,又 传 回 给 服务 员 , 服 务 员 把 匣 
子 呈 现 给 顾客 。 这 样 就 完成 了 一 个 完整 的 操作 。 

在 此 过 程 中 ,茄子 作为 参数 在 三 层 中 传递 ,如 果 顾 客 点 炒 鸡蛋 , 则 鸡蛋 作为 参数 (这 是 
变量 做 参数 ) 。 如 果 用 户 增加 需求 ,还 得 在 方法 中 添加 参数 ,一 个 方法 添加 一 个 ,一 个 方法 
设计 到 三 层 ;何况 实际 中 并 不 止 设计 到 一 个 方法 的 更 改 。 所 以 ,为 了 解决 这 个 问题 ,可 以 
把 茄子 ,鸡蛋 \ 面 条 作为 属性 定义 到 顾客 实体 中 ,一 旦 顾客 增加 了 炒 鸡蛋 需求 ,直接 把 鸡蛋 
属性 拿 出 来 用 即 可 ,不 用 再 去 考虑 去 每 层 的 方法 中 添加 参数 了 ,更 不 用 考虑 参数 的 匹配 问 
题 。 这 样 讲 , 不 知道 大 家 是 不 是 可 以 明白 ? 

实例 10-2 牛肉 加 工厂 。 

为 了 更 好 地 理解 三 层 架 构 ,就 拿 牛肉 加 工厂 来 做 个 例子 吧 。 

图 10-5 是 三 层 架 构 化 的 养 牛 产业 流水 线 趣味 对 此 图 。 
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工具 厂 


Common 








图 10-5 三 层 结 构 与 加 工 牛肉 
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。 数据 库 好 比 牛 栏 。 所 有 的 牛 有 序 地 按 区 域 或 编号 ,存放 在 不 同 的 牛 栏 里 。 

。DAL 好 比 是 屠宰 场 。 把 牛 从 牛 栏 取出 来 进行 (处 理 ) 屠 杀 , 按 要 求 取出 相应 的 部 
位 (字段 ) ,或 者 进行 归 类 整理 (统计 ) ,形成 整 箱 的 牛肉 (数据 集 ) ,传送 给 食品 加 工 
厂 (BLL)。 本 来 这 里 都 是 同一 伙 人 既 管 抓 牛 ,又 管 杀 牛 的 ,后 来 觉得 效率 太 低 了 ， 
就 让 一 部 分 人 出 来 专 管 抓 牛 了 (DBUtility) ,根据 要 求 来 抓 取 指定 的 牛 。 

。 BLL 好 比 食品 加 工厂 。 将 牛肉 深加工 成 各 种 可 以 食用 的 食品 (业务 处 理 )。 

。 Web 好 比 商 场 。 将 食品 包装 成 漂亮 的 可 以 销售 的 产品 ,展现 给 顾客 (UI 表现 层 ) 。 

。 牛 肉 好 比 Model。 无 论 是 哪个 厂 ( 层 ) ,各 个 环节 传递 的 本 质 都 是 牛肉 ,牛肉 贯穿 


整个 过 程 。 


。， 通 用 类 库 Common 相当 于 工人 使 用 的 各 种 工具 ,为 各 个 厂 ( 层 ) 提 供 诸 如 杀 牛 刀 、 
绳子 ,剪刀 包装 箱 、 工 具 车 等 共用 的 常用 工具 (类 )。 其 实 ,每 个 部 门 本 来 是 可 以 
自己 制作 自己 的 工具 的 ,但 是 那样 会 使 效率 比较 低 , 而 且 也 不 专业 ,并 且 很 多 工作 
都 会 是 重复 的 。 因 此 ,就 专门 有 人 开 了 这 样 的 工厂 来 制作 这 些 工 具 , 提 供给 各 个 
工厂 ,有 了 这 样 的 分 工 ,工厂 就 可 以 专心 做 自己 的 事情 了 。 

当然 ,这 里 只 是 形象 的 比喻 ,目的 是 为 了 让 大 家 更 好 地 理解 ,实际 的 情况 在 细节 上 会 

有 所 不 同 。 这 个 例子 也 只 是 说 明了 从 牛 栏 到 商场 的 单 向 过 程 ,而 实际 三 层 开发 中 的 数据 
交互 是 双向 的 ,可 取 可 存 。 不 过 ,据说 有 一 种 机 器 ,把 牛 从 这 头 赶 进去 , 另 一 头 就 号 吧 噜 噜 
地 出 火腿 肠 了 。 如 果 火 腿 肠 卖 不 了 了 ,从 那 头 再 放 进 去 , 牛 又 原原本本 出 来 了 ,科幻 的 机 
器 吧 , 没 想到 也 可 以 和 三 层 结构 联系 上 。 以 上 只 是 笑谈 ,不 过 也 使 三 层 架 构 的 基本 概念 更 


容易 理解 了 。 


10.1.2 三 层 架 构 优 缺 点 


使 用 三 层 架构 的 目的 : 解 耦 ! 
同样 拿 上 面 饭 店 的 例子 来 讲 : 
(1) 服务 员 (UI 层 ) 请 假 一 一 另 找 服务 员 ; 厨 师 (BLL 层 ) 辞 职 一 招聘 另 一 个 厨师 ; 
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采购 员 (DAL) 辞 职 一 一 招聘 另 一 个 采购 员 ; 
(2) 顾客 反映 : @ 你 们 店 服务 态度 不 好 一 一 服务 员 的 问题 。 开 除 服务 员 ; @ 你 们 上 店 
菜 里 有 虫子 一 一 厨师 的 问题 。 换 厨师 ; @) 任 何 一 层 发 生变 化 都 不 会 影响 到 另外 一 层 ! 
项 目 开 发 采用 三 层 架构 会 给 开发 带 来 很 多 的 好 处 ,具体 体现 在 以 下 几 点 : 
。 开 发 人 员 可 以 只 关注 整个 结构 中 的 其 中 某 一 层 ; 
。 可 以 很 容易 的 用 新 的 实现 来 替换 原 有 层次 的 实现 ; 
。 可 以 降低 层 与 层 之 间 的 依赖 ; 
。 有 利于 标准 化 ; 
。 利 于 各 层 逻 辑 的 复 用 ; 
。 结构 更 加 的 明确 ; 
。 在 后 期 维护 的 时 候 , 极 大 地 降低 了 维护 成 本 和 维护 时 间 。 
当然 ,任何 事情 都 是 存在 两 面 性 的 ,有 利 有 弊 , 分 层 的 整 端 主要 体现 在 以 下 几 点 ; 
。 降 低 了 系统 的 性 能 。 这 是 不 言 而 喻 的 ,如 果 不 采用 分 层 式 结构 ,很 多 业务 可 以 直 
接 造访 数据 库 , 以 此 获取 相应 的 数据 ,如 今 却 必须 通过 中 间 层 来 完成 。 
。 有 时 会 导致 级 联 的 修改 。 这 种 修改 尤其 体现 在 自 上 而 下 的 方向 。 如 果 在 表示 层 
中 需要 增加 一 个 功能 ,为 保证 其 设计 符合 分 层 式 结构 ,可 能 需要 在 相应 的 业务 多 
辑 层 和 数据 访问 层 中 都 增加 相应 的 代码 。 
。 增 加 了 开发 成 本 。 
做 小 项 目的 时 候 ,分 不 分 层 确实 看 不 出 什么 差别 ,并 且 显得 更 麻烦 嘿 味 了 。 但 当 项 目 
变 大 和 变 复杂 时 ,分 层 就 显示 出 它 的 优势 来 了 。 所 以 分 不 分 层 要 根据 项 目的 实际 情况 而 
定 ,不 能 一 概 而 论 。 


10.2 MVC 架构 
MVC 是 Model View Controller 的 首 字母 缩写 , 即 为 模型 (Model) ,视图 (View) 、 控 


制 器 (Controller) ,是 一 种 软件 设计 典范 ,用 一 种 业务 逻辑 数据 ,界面 显 示 分 离 的 方法 组 
织 代码 ,将 业务 逻辑 聚集 到 一 个 部 件 里 面 ,在 改进 和 个 性 化 定制 界面 及 用 户 交互 的 同时 ， 


不 需要 重新 编写 业务 逻辑 。 
10.2.1 MVC 架构 的 理解 
ASP. NET MVC 是 微软 公司 官方 提供 的 开源 MVC 
框架 ,是 一 种 使 用 MVC 设计 创建 Web 应 用 程序 的 模式 ， 入 和 
如 图 10-5 所 示 。 
MVC 用 于 传统 的 输入 、 处 理 和 输出 功能 映射 在 一 个 WA N 


逻辑 的 图 形 化 用 户 界 面 的 结构 中 。 
。 模型 (Model) 表 示 应 用 程序 核心 (比如 数据 库 记 录 | 视图 | 人 | 控制 器 
列表 ) 。 


。 视 图 (View) 显 示 数 据 (数据 库 记 录 )。 10-5 ”MVC 结构 示意 图 
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。 控制 器 (Controller) 处 理 输入 ( 写 人 数据 库 记 录 ) 。 

MVC 模式 同时 提供 了 对 HTML、CSS 和 JavaScript 的 完全 控制 。MVC 分 层 有 助 于 
管理 复杂 的 应 用 程序 ,因为 可 以 在 一 个 时 间 内 专门 关注 一 个 方面 。 例 如 ,可 以 在 不 依赖 业 
务 逻 辑 的 情况 下 专注 于 视图 设计 。 同 时 也 让 应 用 程序 的 测试 更 加 容易 。MVC 分 层 同 时 
也 简化 了 分 组 开发 。 不 同 的 开发 人 员 可 同时 开发 视图 、 控 制 器 逻辑 和 业务 逻辑 。 
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(1) 耦合 性 低 , 有 助 于 管理 复杂 的 应 用 程序 ,可 以 在 一 个 时 间 内 专门 关注 一 个 方面 。 
例如 ,可 以 在 不 依赖 业务 逻辑 的 情况 下 专注 于 视图 设计 ,同时 也 让 应 用 程序 的 测试 更 加 
容易 。 

(2) 重用 性 高 。MVC 分 层 同时 也 简化 了 分 组 开发 。 不 同 的 开发 人 员 可 同时 开发 视 
图 、 控 制 器 逻辑 和 业务 逻辑 。 

(3) MVC 编程 模式 是 对 传统 ASP. NET(Web Forms) 的 一 种 轻 量 级 的 替代 方案 。 
它 是 轻 量 级 的 ,可 测试 性 高 的 框架 ,同时 整合 了 所 有 已 有 的 ASP. NET 特性 , 比如 母 版 
页 ,安全 性 和 认证 。 

(4) 生命 周期 成 本 低 : MVC 使 开发 和 维护 用 户 接口 的 技术 含量 降低 。 

(5) 部 署 快 : 使 用 MVC 模式 使 开发 时 间 得 到 相当 大 的 缩减 , 它 使 程序 员 (Java 开发 
人 员 ) 集 中 精力 于 业务 逻辑 ,界面 程序 员 (HTML 和 JSP 开发 人 员 ) 集 中 精力 于 表现 形 
式 上 。 

(6) 可 维护 性 高 : 分 离 视 图 层 和 业务 逻辑 层 也 使 得 Web 应 用 更 易于 维护 和 修改 。 


10.3 三 层 架 构 与 MVC 


三 层 架构 中 ,DAL、BLL、Web 层 各 司 其 职 , 意 在 职责 分 离 。 三 层 是 为 了 解决 整个 应 
用 程序 中 各 个 业务 操作 过 程 中 不 同 阶段 的 代码 封装 的 问题 ,是 从 整个 应 用 程序 架构 的 角 
度 来 分 的 三 层 , 为 了 使 程序 员 更 加 专注 的 处 理 某 阶 段 的 业务 逻辑 。 

MVC 是 在 应 用 程序 (BS 结构 ) 的 视图 层 划 分 出 来 的 不 同 功能 的 几 个 模块 。MVC 是 
Model-View-Controller, 严 格 说 这 三 个 加 起 来 以 后 才 是 三 层 架 构 中 的 Web 层 ,也 就 是 说 ， 
MVC 把 三 层 架构 中 的 Web 层 再 度 进行 了 分 化 ,分 成 了 控制 器 ,视图 实体 三 个 部 分 ,控制 
器 完成 页 面 逻辑 ,通过 实体 来 与 界面 层 完成 通话 ;而 C 层 直接 与 三 层 中 的 BLL 进行 对 话 。 
MVC 主要 是 为 了 解决 应 用 程序 用 户 界面 的 样式 替换 问题 ,把 展示 数据 的 HTML 页 面 尽 
可 能 地 与 业务 代码 分 离 。MVC 把 纯净 的 界面 展示 逻辑 (用 户 界面 ) 独 立 到 一 些 文件 中 
(Views) ,把 一 些 和 用 户 交互 的 程序 逻辑 (Controller) 单 独 放 在 一 些 文件 中 ,在 Views 和 
Controller 中 传递 数据 使 用 一 些 专门 封装 数据 的 实体 对 象 ,这 些 对 象 ,统称 为 Model。 

所 以 说 MVC 和 三 层 毫 无 关系 ,是 因为 它们 二 者 使 用 范围 不 同 : 三 层 可 以 应 用 于 任 
何 语言 .任何 技术 的 应 用 程序 ;而 MVC 只 是 为 了 解决 BS 应 用 程序 视图 层 各 部 分 的 耦合 
关系 。 它 们 互 不 冲突 ,可 以 同时 存在 ,也 可 根据 情况 使 用 其 中 一 种 。 
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10.4 本 章 小 结 


现在 越 来 越 多 的 公司 团体 认识 到 架构 工作 的 重要 性 ,并 且 在 不 同 的 组 织 层 次 上 设置 
专门 的 架构 师 位 置 ,由 他 们 负责 不 同 层 次 上 的 逻辑 架构 物理 架构 .系统 架构 的 设计 、 配 
置 , 维 护 等 工作 。 那 在 团队 里 ,什么 样 的 人 才 适 合 设计 架构 呢 ? 

团队 中 有 一 些 技术 水 平 较 高 ,经验 较为 丰富 的 人 ,他 们 需要 承担 软件 系统 的 架构 设 
计 , 也 就 是 需要 设计 系统 的 元 件 如 何 划分 元 件 之 间 如 何 发 生 相互 作用 ,以 及 系统 中 逻辑 
的 ,物理 的 、 系 统 的 重要 决定 的 做 出 。 这 样 的 人 就 是 所 谓 的 架构 师 (Architect)。 在 很 多 公 
司 中 ,架构 师 不 是 一 个 专门 的 和 正式 的 职务 。 通 常 在 一 个 开发 小 组 中 ,最 有 经 验 的 程序 员 
会 负责 一 些 架构 方面 的 工作 。 在 一 个 部 门 中 ,最 有 经 验 的 项 目 经 理会 负责 一 些 架构 方面 
的 工作 。 

总 之 ,架构 在 项 目 开发 中 是 否 需要 ,以 及 采用 什么 样 的 架构 都 是 一 门 值得 研究 的 
学 问 。 
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